:root{--bg:#0b1020;--panel:#121a2c;--line:#24314c;--text:#eef4ff;--muted:#8fa0bd;--blue:#4f8cff;--green:#27c47d;--red:#ff5d6c;--orange:#ffb454;--shadow:0 18px 45px #0005}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#152445 0,transparent 30%),var(--bg);color:var(--text);font:14px/1.45 Segoe UI,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#0d1425ef;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;padding:0 10px 24px;font-size:17px}.logo span,.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6da0ff,#825cff);font-weight:800}.sidebar nav{display:grid;gap:6px}.sidebar button{width:100%;border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:11px;text-align:left;cursor:pointer;display:flex;gap:11px;align-items:center}.sidebar button:hover,.sidebar button.active{background:#1a2741;color:#fff}.sidebar button em{margin-left:auto;font-size:9px;color:#61708e;font-style:normal}.sidebar button:disabled{cursor:not-allowed;opacity:.55}.side-bottom{margin-top:auto}.content{margin-left:245px;padding:28px 34px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:28px;margin:0 0 4px}h2{font-size:16px;margin:0}header p{margin:0;color:var(--muted)}.status{background:#13273a;border:1px solid #244d51;padding:9px 13px;border-radius:999px;color:#a8ebcb}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.card,.panel{background:linear-gradient(180deg,#151f34,#11192a);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card{padding:18px}.card .label{color:var(--muted);font-size:12px}.card .value{font-size:28px;font-weight:750;margin-top:8px}.card .sub{font-size:11px;color:#6f809f}.card.green .value{color:#6de0aa}.card.red .value{color:#ff8995}.card.orange .value{color:#ffd084}.card.blue .value{color:#82aaff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-head span{background:#1f2c46;color:#9bb0d1;border-radius:99px;padding:4px 9px}.panel-head button{background:#1f2d4b;color:#b7c8e6;border:1px solid #2d4168;border-radius:9px;padding:7px 11px}.panel-head input{background:#0f1728;border:1px solid var(--line);color:white;padding:9px 12px;border-radius:9px;width:240px}.list{display:grid;gap:8px;max-height:335px;overflow:auto}.item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #202d47;border-radius:11px;background:#111a2b}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#24385c;color:#bcd0f2;font-weight:700}.item-main{min-width:0;flex:1}.item-main b{display:block}.item-main small{color:var(--muted)}.pill{font-size:10px;padding:4px 8px;border-radius:99px;background:#213a37;color:#8be0bb}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed #2a3856;border-radius:12px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.event{padding:11px 12px;border-left:3px solid var(--blue);background:#101a2c;border-radius:8px}.event small{color:var(--muted)}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.employee{padding:15px;border:1px solid var(--line);background:#111a2b;border-radius:13px;display:flex;gap:12px;align-items:center}.working{color:#65dba5}.offline{color:#7788a7}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(390px,92vw);padding:34px;background:#10192bee;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);text-align:center}.brand-mark{margin:0 auto 16px}.login-card p,.login-card small{color:var(--muted)}.login-card form{display:grid;gap:14px;text-align:left}.login-card input{width:100%;margin-top:6px;background:#0b1221;border:1px solid #293854;color:white;border-radius:10px;padding:12px}.login-card button{border:0;border-radius:10px;padding:13px;background:linear-gradient(135deg,#4f8cff,#765af1);color:white;font-weight:700}.error{color:#ff8995;text-align:center;min-height:18px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.timeline,.employee-grid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{width:68px}.logo b,.sidebar nav span,.sidebar nav em{display:none}.content{margin-left:68px;padding:20px 14px}}
.employee-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.employee-toolbar h2{font-size:22px}.employee-toolbar p{color:var(--muted);margin:4px 0 0}.toolbar-controls{display:flex;gap:10px}.toolbar-controls input,.toolbar-controls select{background:#0f1728;border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:10px;min-width:210px}.toolbar-controls select{min-width:165px}.mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.mini-card{padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#111a2b}.mini-card span{display:block;color:var(--muted);font-size:11px}.mini-card b{display:block;font-size:23px;margin-top:5px}.employee{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:.18s transform,.18s border-color;background:#111a2b}.employee:hover{transform:translateY(-2px);border-color:#4f70aa}.employee-main{min-width:0;flex:1}.employee-main small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.avatar.large{width:46px;height:46px;border-radius:14px}.employee-alerts{margin-left:auto;display:flex;align-items:center;gap:10px}.danger-badge{color:#ff9aa5;background:#3a202b;border:1px solid #693040;padding:4px 7px;border-radius:8px;font-size:11px}.open-arrow{font-size:25px;color:#7285a7}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:#020713d9;backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(1040px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#151f34,#101828);border:1px solid #344767;border-radius:20px;padding:24px;box-shadow:0 30px 90px #000a}.modal-close{position:absolute;top:14px;right:15px;border:1px solid var(--line);background:#111b2e;color:#fff;width:36px;height:36px;border-radius:10px;font-size:23px;cursor:pointer}.no-scroll{overflow:hidden}.profile-loading{padding:70px;text-align:center;color:var(--muted)}.profile-head{display:flex;align-items:center;gap:16px;padding-right:45px}.profile-head h2{font-size:24px;margin-bottom:5px}.profile-head p{color:var(--muted);margin:0 0 5px}.profile-avatar{width:70px;height:70px;border-radius:20px;font-size:22px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.profile-stats>div{padding:13px;background:#0f182a;border:1px solid #263550;border-radius:12px}.profile-stats span{display:block;color:var(--muted);font-size:11px}.profile-stats b{display:block;font-size:19px;margin-top:4px}.profile-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:10px}.profile-tabs button{border:1px solid transparent;border-radius:9px;padding:8px 11px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}.profile-tabs button.active{background:#203354;border-color:#365584;color:#fff}.profile-panels{padding-top:13px}.history-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;border-bottom:1px solid #22304a}.history-row:last-child{border-bottom:0}.history-row b{display:block}.history-row small{display:block;color:var(--muted);margin-top:3px}.state{font-size:10px;padding:5px 8px;border-radius:99px;background:#243653;color:#b9cae4}.state.completed,.state.approved{background:#163a31;color:#80ddb6}.state.pending,.state.active,.state.in_progress{background:#40331c;color:#ffd181}.state.rejected{background:#45212b;color:#ff9aaa}@media(max-width:900px){.employee-toolbar{align-items:stretch;gap:12px;flex-direction:column}.toolbar-controls{flex-wrap:wrap}.toolbar-controls input,.toolbar-controls select{flex:1}.mini-cards,.profile-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.mini-cards{grid-template-columns:1fr 1fr}.modal{padding:7px}.modal-card{padding:18px 12px}.profile-head{align-items:flex-start}.profile-stats{grid-template-columns:1fr 1fr}.toolbar-controls{display:grid}.toolbar-controls input,.toolbar-controls select{width:100%;min-width:0}}


/* ========================================================
   WEB STEP 3: ПРОВЕРКА МАТЕРИАЛОВ
   ======================================================== */
.reviews-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:15px}.reviews-toolbar h2{font-size:22px;margin:0}.reviews-toolbar p{margin:4px 0 0;color:var(--muted)}.secondary-button,.primary-button,.success-button,.danger-button{border-radius:10px;padding:10px 13px;border:1px solid transparent;color:#fff;cursor:pointer;font-weight:650}.secondary-button{background:#17233a;border-color:#314260;color:#c3d1e8}.primary-button{background:linear-gradient(135deg,#4f8cff,#765af1)}.success-button{background:#176344;border-color:#278260}.danger-button{background:#8a2939;border-color:#b64052}.secondary-button:disabled,.primary-button:disabled,.success-button:disabled,.danger-button:disabled{opacity:.55;cursor:wait}.review-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:12px}.review-summary-card{border:1px solid var(--line);border-radius:12px;background:#111a2b;color:#fff;padding:12px;text-align:left;cursor:pointer}.review-summary-card span{display:block;color:var(--muted);font-size:11px}.review-summary-card b{display:block;font-size:22px;margin-top:4px}.review-summary-card:hover,.review-summary-card.active{border-color:#5278b9;background:#172641}.review-filters{display:grid;grid-template-columns:210px 220px 1fr;gap:10px;margin-bottom:13px}.review-filters select,.review-filters input{width:100%;background:#0f1728;border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:10px}.reviews-layout{display:grid;grid-template-columns:minmax(330px,390px) minmax(0,1fr);gap:14px;min-height:650px}.review-list,.review-workspace{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#151f34,#101828);box-shadow:var(--shadow)}.review-list{padding:8px;overflow:auto;max-height:calc(100vh - 285px)}.review-list-item{display:block;width:100%;border:1px solid transparent;border-bottom-color:#23314b;border-radius:11px;background:transparent;color:var(--text);padding:12px;text-align:left;cursor:pointer}.review-list-item:hover{background:#17233a}.review-list-item.active{background:#1b2c49;border-color:#3e5f91}.review-item-top{display:flex;gap:9px;align-items:center}.review-type-icon{display:grid;place-items:center;width:34px;height:34px;background:#223653;border-radius:10px}.review-list-main{min-width:0;flex:1}.review-list-main b,.review-list-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-list-main span{color:var(--muted);font-size:11px}.ai-dot{background:#3c2f70;color:#d1c3ff;border:1px solid #6653a1;font-size:9px;font-weight:800;padding:4px 6px;border-radius:7px}.review-list-item p{color:#b3c0d7;font-size:12px;margin:9px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.review-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.review-item-bottom small{color:#7183a3}.review-state{font-size:10px;padding:5px 8px;border-radius:99px;white-space:nowrap}.review-state.pending{background:#41351e;color:#ffd281}.review-state.claimed{background:#253860;color:#a9c6ff}.review-state.approved{background:#173a31;color:#80ddb6}.review-state.rejected{background:#49232c;color:#ff9aaa}.review-state.edited{background:#3b2c5d;color:#cfbaff}.review-workspace{padding:22px;overflow:auto;max-height:calc(100vh - 285px)}.review-empty{margin-top:190px}.review-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid var(--line)}.review-kicker{color:#88a5d5;font-size:12px;font-weight:700}.review-detail-head h2{font-size:23px;margin:5px 0 3px}.review-detail-head p{margin:0;color:var(--muted)}.claim-warning,.claim-success{padding:11px 13px;border-radius:10px;margin-top:12px}.claim-warning{background:#44331b;border:1px solid #735528;color:#ffd38b}.claim-success{background:#18372f;border:1px solid #285a4c;color:#8be0bb}.review-actions-bar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.review-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:9px}.review-tabs button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);padding:8px 11px;cursor:pointer}.review-tabs button.active{background:#203354;border-color:#365584;color:#fff}.review-tab-panels{padding-top:15px}.review-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d1627;border:1px solid #263653;border-radius:13px;padding:18px;font:15px/1.65 Segoe UI,Arial,sans-serif;min-height:140px}.attachment-card{display:flex;flex-direction:column;gap:4px;padding:13px;margin-top:10px;border:1px dashed #3c5279;border-radius:12px;color:#c9d6ed}.attachment-card span{color:var(--muted);font-size:11px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.info-grid>div{padding:13px;background:#0d1627;border:1px solid #253550;border-radius:11px}.info-grid span{display:block;color:var(--muted);font-size:11px}.info-grid b{display:block;margin-top:4px}.ai-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ai-overview>div{padding:13px;background:#0d1627;border:1px solid #253550;border-radius:12px}.ai-overview>div>span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.metric{display:flex;align-items:center;gap:9px}.metric-track{height:7px;background:#202e48;border-radius:99px;overflow:hidden;flex:1}.metric-track i{display:block;height:100%;background:linear-gradient(90deg,#517eff,#7b62f4);border-radius:99px}.ai-comment{margin-top:11px;padding:13px;background:#171d38;border:1px solid #343b6a;border-radius:12px}.ai-comment p{margin:5px 0 0;color:#c8d1e5}.ai-items{display:grid;gap:9px;margin-top:11px}.ai-item{padding:13px;background:#0d1627;border:1px solid #253550;border-radius:12px}.ai-item header{display:flex;justify-content:space-between;align-items:center}.ai-item p{white-space:pre-wrap}.ai-item small{color:var(--muted)}.ai-mini-metrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.ai-mini-metrics span{background:#1c2941;border-radius:7px;padding:4px 7px;font-size:10px;color:#b7c8e5}.score-good{color:#70dca9}.score-medium{color:#ffd07e}.score-bad{color:#ff8895}.review-dialog-card{width:min(690px,96vw)}.review-dialog-card h2{font-size:21px}.review-dialog-card p{color:var(--muted)}.review-dialog-card textarea{width:100%;resize:vertical;background:#0c1424;border:1px solid #304262;border-radius:12px;color:#fff;padding:13px;font:14px/1.5 Segoe UI,Arial,sans-serif}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(430px,calc(100vw - 48px));padding:13px 16px;border-radius:12px;box-shadow:0 20px 60px #0009;background:#173a31;border:1px solid #28634e;color:#8ce0ba}.toast.error{background:#49232c;border-color:#743444;color:#ffabb4}.toast[hidden]{display:none}@media(max-width:1150px){.review-summary{grid-template-columns:repeat(3,1fr)}.reviews-layout{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:850px){.reviews-layout{grid-template-columns:1fr}.review-list,.review-workspace{max-height:none}.review-list{max-height:380px}.review-empty{margin-top:50px}.review-filters{grid-template-columns:1fr}.review-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.reviews-toolbar{align-items:stretch;flex-direction:column}.review-detail-head{flex-direction:column}.ai-overview,.info-grid{grid-template-columns:1fr}}


/* ========================================================
   WEB STEP 4: CRM HOME
   ======================================================== */
.crm-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px;padding:22px 24px;border:1px solid #2d4368;border-radius:18px;background:radial-gradient(circle at 85% 10%,#253b6a 0,transparent 35%),linear-gradient(135deg,#16243d,#10192b);box-shadow:var(--shadow)}.crm-hero .eyebrow{font-size:10px;letter-spacing:2px;color:#79a8ff;font-weight:800}.crm-hero h2{font-size:27px;margin:5px 0}.crm-hero p{margin:0;color:var(--muted)}.crm-hero-actions{display:flex;gap:9px;align-items:center}.crm-hero-actions em{font-style:normal;background:#d84f64;color:#fff;border-radius:99px;padding:2px 6px;font-size:9px;margin-left:4px}.crm-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.crm-kpi-card{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,#151f34,#101828);box-shadow:0 8px 25px #0002}.crm-kpi-card .crm-kpi-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#243753;font-size:19px}.crm-kpi-card span,.crm-kpi-card small{display:block;color:var(--muted)}.crm-kpi-card span{font-size:11px}.crm-kpi-card b{display:block;font-size:23px;line-height:1.05;margin:3px 0}.crm-kpi-card small{font-size:10px}.crm-kpi-card.green{border-color:#245343}.crm-kpi-card.red{border-color:#643442}.crm-kpi-card.orange{border-color:#65502d}.crm-kpi-card.purple{border-color:#4f3c73}.crm-kpi-card.cyan{border-color:#24556a}.crm-kpi-card.gold{border-color:#695b2b}.crm-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px}.crm-main-grid.second-row{grid-template-columns:1fr 1fr}.crm-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}.panel-head small{color:var(--muted)}.live-indicator{display:flex;align-items:center;gap:6px;color:#71dda8;font-size:10px;font-weight:800;letter-spacing:1px}.live-indicator i{width:8px;height:8px;background:#28cc78;border-radius:50%;box-shadow:0 0 0 5px #28cc7820;animation:livePulse 1.7s infinite}@keyframes livePulse{50%{box-shadow:0 0 0 10px #28cc7800}}.crm-feed{max-height:440px;overflow:auto}.crm-feed-item,.notification-item{width:100%;display:flex;gap:11px;align-items:center;border:0;border-bottom:1px solid #21304a;background:transparent;color:#fff;text-align:left;padding:11px;cursor:pointer}.crm-feed-item:hover,.notification-item:hover{background:#17243a}.feed-icon{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:11px;background:#233a5d}.feed-icon.green{background:#183d31}.feed-icon.red{background:#4b2530}.feed-icon.purple{background:#362952}.feed-icon.orange{background:#48391e}.feed-icon.cyan{background:#173c4b}.feed-icon.gold{background:#4c4120}.feed-main{flex:1;min-width:0}.feed-main b,.feed-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-main span{font-size:11px;color:var(--muted);margin-top:2px}.crm-feed-item time{color:#7184a5;font-size:10px;white-space:nowrap}.attention-list{display:grid;gap:9px}.attention-card{display:flex;width:100%;align-items:center;gap:10px;border:1px solid #2b3c59;border-radius:12px;background:#111c2f;color:#fff;padding:12px;text-align:left;cursor:pointer}.attention-card:hover{transform:translateY(-1px);border-color:#526e99}.attention-card.warning{border-color:#5d4929}.attention-card.danger{border-color:#67313f}.attention-card.info{border-color:#294b68}.attention-card .attention-icon{font-size:19px}.attention-card div{flex:1}.attention-card b,.attention-card small{display:block}.attention-card small{color:var(--muted);margin-top:3px}.attention-card em{font-size:23px;color:#6f88ad}.working-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.working-card{display:flex;align-items:center;gap:9px;border:1px solid #263855;background:#101a2c;color:#fff;border-radius:12px;padding:10px;text-align:left;cursor:pointer;position:relative}.working-card:hover{background:#172640}.working-card>div:nth-child(2){flex:1}.working-card b,.working-card span,.working-card small{display:block}.working-card span,.working-card small{color:var(--muted);font-size:10px}.working-card i{width:9px;height:9px;border-radius:50%;background:#2bd081;box-shadow:0 0 0 5px #2bd0811c}.compact-list{display:grid}.compact-row{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-bottom:1px solid #21304a;color:#fff;text-align:left;padding:10px;cursor:pointer}.compact-row:hover{background:#16243a}.compact-row>div{flex:1;min-width:0}.compact-row b,.compact-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-row small{color:var(--muted);margin-top:2px}.review-mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#223553}.panel-link{border:0;background:transparent;color:#7faaff;cursor:pointer}.review-chart{height:250px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:20px 8px 8px}.chart-day{display:flex;height:100%;min-width:45px;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.chart-bars{height:190px;display:flex;align-items:flex-end;gap:3px}.bar{display:block;width:9px;min-height:3px;border-radius:4px 4px 1px 1px}.bar.total{background:#557ff5}.bar.approved{background:#2fbd7d}.bar.rejected{background:#df5a6d}.chart-day span{font-size:10px;color:var(--muted)}.chart-day b{font-size:11px}.chart-legend{display:flex;justify-content:center;gap:17px;color:var(--muted);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:2px;background:#557ff5}.chart-legend i.approved{background:#2fbd7d}.chart-legend i.rejected{background:#df5a6d}.top-list{display:grid}.top-row{display:flex;align-items:center;gap:9px;padding:10px;background:transparent;border:0;border-bottom:1px solid #21304a;color:#fff;text-align:left;cursor:pointer}.top-row:hover{background:#16243a}.top-position{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#263650;color:#aebcd3;font-weight:800}.top-position.medal-1{background:#5a4b1a;color:#ffd65c}.top-position.medal-2{background:#465064;color:#dce5f5}.top-position.medal-3{background:#5c3924;color:#eeb07f}.top-main{flex:1}.top-main b,.top-main small{display:block}.top-main small{color:var(--muted);font-size:10px;margin-top:2px}.top-row strong{color:#7fe0b4}.notification-center{position:fixed;z-index:70;right:0;top:0;height:100vh;width:min(430px,94vw);background:#10192a;border-left:1px solid #314567;box-shadow:-30px 0 80px #0009;transform:translateX(103%);transition:transform .18s ease}.notification-center.open{transform:translateX(0)}.notification-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.notification-head span,.notification-head small{display:block}.notification-head span{font-size:17px;font-weight:750}.notification-head small{color:var(--muted);margin-top:2px}.notification-head button{border:1px solid var(--line);background:#17243a;color:#fff;width:35px;height:35px;border-radius:10px;font-size:21px;cursor:pointer}.notification-list{height:calc(100vh - 72px);overflow:auto}.notification-item div:nth-child(2){flex:1}.notification-item b,.notification-item span,.notification-item small{display:block}.notification-item span{color:#bdc9de;font-size:11px;margin-top:3px}.notification-item small{color:#7184a5;font-size:10px;margin-top:4px}.notification-shade{position:fixed;z-index:69;inset:0;background:#0008}.notification-shade[hidden],.notification-center[hidden]{display:none}@media(max-width:1250px){.crm-kpi{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.crm-main-grid,.crm-main-grid.second-row,.crm-bottom-grid{grid-template-columns:1fr}.working-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.crm-hero{align-items:flex-start;flex-direction:column}.crm-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.crm-kpi{grid-template-columns:1fr}.working-grid{grid-template-columns:1fr}.review-chart{overflow-x:auto;justify-content:flex-start}.chart-day{min-width:48px}}


/* ========================================================
   WEB STEP 5: НАРУШЕНИЯ
   ======================================================== */
.violations-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:15px}.violations-toolbar h2{margin:0;font-size:22px}.violations-toolbar p{margin:4px 0 0;color:var(--muted)}.violations-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.violation-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:12px}.violation-summary-card{border:1px solid var(--line);border-radius:12px;background:#111a2b;color:#fff;padding:12px;text-align:left;cursor:pointer}.violation-summary-card span{display:block;color:var(--muted);font-size:11px}.violation-summary-card b{display:block;font-size:22px;margin-top:4px}.violation-summary-card:hover,.violation-summary-card.active{border-color:#a54b5a;background:#2b1d2b}.violation-filters{display:grid;grid-template-columns:210px 300px 1fr;gap:10px;margin-bottom:13px}.violation-filters select,.violation-filters input,.form-field select,.form-field textarea,.violation-action-card select,.violation-action-card textarea{width:100%;background:#0f1728;border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:10px}.violations-layout{display:grid;grid-template-columns:minmax(330px,390px) minmax(0,1fr);gap:14px;min-height:650px}.violation-list,.violation-workspace{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#151f34,#101828);box-shadow:var(--shadow)}.violation-list{padding:8px;overflow:auto;max-height:calc(100vh - 285px)}.violation-workspace{padding:22px;overflow:auto;max-height:calc(100vh - 285px)}.violation-list-item{display:block;width:100%;border:1px solid transparent;border-bottom-color:#28324a;border-radius:11px;background:transparent;color:var(--text);padding:13px;text-align:left;cursor:pointer}.violation-list-item:hover{background:#1b2035}.violation-list-item.active{background:#2a1d2a;border-color:#77414d}.violation-list-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.violation-number{font-size:12px;color:#ff9aa9;font-weight:800}.violation-list-item>b{display:block;font-size:14px}.violation-list-item p{color:var(--muted);font-size:11px;margin:5px 0 10px}.violation-list-foot{display:flex;justify-content:space-between;align-items:center;gap:7px}.violation-list-foot small{color:#8292ad}.clarification-count{font-size:10px;background:#332b5c;color:#d8c8ff;padding:4px 7px;border-radius:99px}.violation-state{padding:5px 8px;border-radius:99px;font-size:10px;white-space:nowrap}.violation-state.active{background:#44351c;color:#ffd287}.violation-state.overdue{background:#55252d;color:#ff9eaa}.violation-state.completed{background:#173a31;color:#80ddb6}.violation-state.clarification{background:#352d61;color:#cbbcff}.violation-empty{margin-top:190px}.violation-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--line)}.violation-kicker{color:#ff9aaa;font-size:12px;font-weight:800}.violation-detail-head h2{font-size:23px;margin:5px 0 3px}.violation-detail-head p{color:var(--muted);margin:0}.violation-overdue-alert{margin-top:12px;padding:12px;border-radius:11px;background:#4a222b;border:1px solid #7b3442;color:#ffabb5}.violation-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.violation-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.violation-detail-grid>div{padding:12px;background:#0d1627;border:1px solid #253550;border-radius:11px}.violation-detail-grid span{display:block;color:var(--muted);font-size:10px}.violation-detail-grid b{display:block;margin-top:4px;overflow-wrap:anywhere}.violation-tabs{display:flex;gap:7px;margin-top:16px;border-bottom:1px solid var(--line);padding-bottom:9px}.violation-tabs button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);padding:8px 11px;cursor:pointer}.violation-tabs button.active{background:#382332;border-color:#68404d;color:#fff}.violation-panels{padding-top:14px}.violation-timeline{display:grid;gap:5px}.timeline-row{display:flex;gap:11px;align-items:flex-start;padding:10px}.timeline-row i{display:block;width:10px;height:10px;margin-top:5px;border-radius:50%;background:#ffaf62;box-shadow:0 0 0 5px #ffaf6220}.timeline-row.completed i{background:#60d29d;box-shadow:0 0 0 5px #60d29d20}.timeline-row b,.timeline-row span{display:block}.timeline-row span{color:var(--muted);font-size:11px;margin-top:2px}.clarification-list{display:grid;gap:9px}.clarification-card{padding:13px;background:#0d1627;border:1px solid #253550;border-radius:12px}.clarification-card.pending{border-color:#6654a2;background:#17172f}.clarification-card>div{display:flex;justify-content:space-between;gap:10px}.clarification-card>div span{font-size:10px;color:#d5c8ff}.clarification-card p{color:#b9c6db}.clarification-card small{display:block;color:var(--muted);margin-bottom:9px}.small-button{padding:7px 10px;font-size:11px}.violation-create-card{width:min(680px,96vw)}.violation-action-card{width:min(520px,96vw)}.form-field{display:block;margin-top:12px}.form-field>span{display:block;color:#c6d2e8;font-size:12px;font-weight:650;margin-bottom:6px}.form-field textarea,.violation-action-card textarea{resize:vertical;font:14px/1.5 Segoe UI,Arial,sans-serif}.violation-create-card>p,.violation-action-card>p{color:var(--muted)}@media(max-width:1200px){.violation-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1050px){.violation-summary{grid-template-columns:repeat(3,1fr)}.violations-layout{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:850px){.violations-layout{grid-template-columns:1fr}.violation-list,.violation-workspace{max-height:none}.violation-list{max-height:380px}.violation-empty{margin-top:50px}.violation-filters{grid-template-columns:1fr}}@media(max-width:650px){.violations-toolbar{align-items:stretch;flex-direction:column}.violation-summary{grid-template-columns:repeat(2,1fr)}.violation-detail-head{flex-direction:column}.violation-detail-grid{grid-template-columns:1fr}}


/* ========================================================
   WEB STEP 6: ЗАПРОСЫ И ЗВОНКИ
   ======================================================== */
.module-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:15px}.module-toolbar h2{margin:0;font-size:22px}.module-toolbar p{margin:4px 0 0;color:var(--muted)}.toolbar-buttons{display:flex;gap:8px;flex-wrap:wrap}.request-summary,.call-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:12px}.call-summary{grid-template-columns:repeat(6,1fr)}.module-summary-card{border:1px solid var(--line);border-radius:12px;background:#111a2b;color:#fff;padding:12px;text-align:left;cursor:pointer}.module-summary-card span{display:block;color:var(--muted);font-size:11px}.module-summary-card b{display:block;font-size:22px;margin-top:4px}.module-summary-card:hover,.module-summary-card.active{border-color:#5377b5;background:#172641}.module-filters{display:grid;grid-template-columns:220px 230px 1fr;gap:10px;margin-bottom:13px}.call-filters{display:grid;grid-template-columns:210px 160px 160px 1fr;gap:10px;margin-bottom:13px}.module-filters select,.module-filters input,.call-filters select,.call-filters input,.call-modal-card input,.call-modal-card select,.call-modal-card textarea,.request-action-card textarea{width:100%;background:#0f1728;border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:10px}.split-layout{display:grid;grid-template-columns:minmax(330px,390px) minmax(0,1fr);gap:14px;min-height:650px}.module-list,.module-workspace{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#151f34,#101828);box-shadow:var(--shadow)}.module-list{padding:8px;overflow:auto;max-height:calc(100vh - 285px)}.module-workspace{padding:22px;overflow:auto;max-height:calc(100vh - 285px)}.module-list-item{display:block;width:100%;border:1px solid transparent;border-bottom-color:#28324a;border-radius:11px;background:transparent;color:var(--text);padding:13px;text-align:left;cursor:pointer}.module-list-item:hover{background:#17233a}.module-list-item.active{background:#1b2c49;border-color:#3e5f91}.module-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.module-item-head>b{font-size:12px}.module-list-item>strong{display:block;font-size:14px}.module-list-item p{color:var(--muted);font-size:11px;margin:5px 0 9px}.module-list-item small{color:#7f90ad}.module-empty{margin-top:190px}.module-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--line)}.module-kicker{color:#8ba9db;font-size:12px;font-weight:800}.module-detail-head h2{font-size:23px;margin:5px 0 3px}.module-detail-head p{color:var(--muted);margin:0}.module-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.module-tabs{display:flex;gap:7px;margin-top:15px;border-bottom:1px solid var(--line);padding-bottom:9px}.module-tabs button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);padding:8px 11px;cursor:pointer}.module-tabs button.active{background:#203354;border-color:#365584;color:#fff}.module-panels{padding-top:14px}.request-state,.call-state{font-size:10px;padding:5px 8px;border-radius:99px;white-space:nowrap}.request-state.pending,.call-state.planned{background:#44351d;color:#ffd287}.request-state.discussion,.call-state.move{background:#352d61;color:#d0c2ff}.request-state.approved,.call-state.confirmed,.call-state.completed{background:#173a31;color:#80ddb6}.request-state.rejected,.call-state.cancelled{background:#49232c;color:#ff9aaa}.admin-comment{padding:13px;border-radius:11px;background:#17223a;border:1px solid #30476c}.admin-comment p{margin:5px 0 0;color:#c8d3e5}.request-chat{display:grid;gap:9px}.request-chat article{padding:12px;border-radius:12px;background:#0d1627;border:1px solid #263653}.request-chat article.admin{background:#172641;border-color:#365584}.request-chat header{display:flex;justify-content:space-between;gap:10px}.request-chat small{color:var(--muted)}.request-chat p{white-space:pre-wrap;margin-bottom:0}.vote-list{display:grid;gap:8px}.vote-list article{padding:12px;background:#0d1627;border:1px solid #263653;border-radius:11px}.vote-list article span{margin-left:8px;color:#8fb0e7}.vote-list article p{color:var(--muted);margin-bottom:0}.request-action-card{width:min(600px,96vw)}.call-modal-card{width:min(650px,96vw)}.call-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.call-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.call-detail-grid>div{padding:12px;background:#0d1627;border:1px solid #253550;border-radius:11px}.call-detail-grid span{display:block;color:var(--muted);font-size:10px}.call-detail-grid b{display:block;margin-top:4px}.call-content-card{margin-top:10px;padding:14px;background:#0d1627;border:1px solid #253550;border-radius:12px}.call-content-card p{color:#c4d0e3;white-space:pre-wrap}.call-content-card a{display:block;margin-top:7px;color:#7faeff;overflow-wrap:anywhere}.form-field input{width:100%;background:#0f1728;border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:10px}@media(max-width:1150px){.call-summary{grid-template-columns:repeat(3,1fr)}.request-summary{grid-template-columns:repeat(3,1fr)}.split-layout{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:850px){.split-layout{grid-template-columns:1fr}.module-list,.module-workspace{max-height:none}.module-list{max-height:380px}.module-empty{margin-top:50px}.module-filters,.call-filters{grid-template-columns:1fr}.call-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.module-toolbar{align-items:stretch;flex-direction:column}.call-summary,.request-summary{grid-template-columns:repeat(2,1fr)}.module-detail-head{flex-direction:column}.call-detail-grid,.call-form-row{grid-template-columns:1fr}}


/* ========================================================
   WEB STEP 7: ЗАДАЧИ
   ======================================================== */
.task-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:12px}.task-filters{display:grid;grid-template-columns:190px 190px 230px 1fr;gap:10px;margin-bottom:13px}.task-filters select,.task-filters input,.task-modal-card input,.task-modal-card select,.task-modal-card textarea,.weekly-editor-card input,.weekly-editor-card select,.weekly-editor-card textarea{width:100%;background:#0f1728;border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:10px}.task-priority,.task-state{font-size:10px;padding:5px 8px;border-radius:99px;white-space:nowrap}.task-priority.urgent{background:#55252d;color:#ff9daa}.task-priority.important{background:#49391e;color:#ffd17d}.task-priority.normal{background:#233652;color:#aac8f7}.task-state.active{background:#2d3655;color:#b8cbf1}.task-state.overdue{background:#55252d;color:#ff9daa}.task-state.completed{background:#173a31;color:#80ddb6}.task-list-status{margin:7px 0}.task-badges{display:flex;gap:7px;flex-wrap:wrap}.task-description-card{padding:15px;background:#0d1627;border:1px solid #253550;border-radius:12px}.task-description-card p{white-space:pre-wrap;color:#c4d0e3}.task-description-card small{color:#88a1c7}.task-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.task-kpi-grid>div{padding:12px;background:#121d31;border:1px solid #283a59;border-radius:11px}.task-kpi-grid span{display:block;color:var(--muted);font-size:10px}.task-kpi-grid b{display:block;font-size:21px;margin-top:3px}.assignment-list{display:grid;gap:9px}.assignment-list article{padding:13px;background:#0d1627;border:1px solid #253550;border-radius:12px}.assignment-list article.overdue{background:#24171e;border-color:#6b3340}.assignment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.assignment-head b,.assignment-head span{display:block}.assignment-head>div>span{color:var(--muted);font-size:10px;margin-top:2px}.assignment-status{font-size:10px}.assignment-status.completed{color:#7eddb4}.assignment-status.pending{color:#ffd07e}.assignment-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.assignment-meta span{padding:4px 7px;border-radius:7px;background:#1a2840;color:#afc0dd;font-size:10px}.assignment-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.task-comment-list,.move-request-list{display:grid;gap:9px}.task-comment-list article,.move-request-list article{padding:13px;background:#0d1627;border:1px solid #253550;border-radius:12px}.task-comment-list header,.move-request-list header{display:flex;justify-content:space-between;gap:10px}.task-comment-list small{color:var(--muted)}.task-comment-list p,.move-request-list blockquote{white-space:pre-wrap}.move-request-list article.pending{border-color:#6e5a2b;background:#211d14}.move-request-list header>div span{margin-left:7px;color:var(--muted)}.move-state{font-size:10px;padding:4px 7px;border-radius:99px}.move-state.pending{background:#49391e;color:#ffd17d}.move-state.approved{background:#173a31;color:#80ddb6}.move-state.rejected{background:#55252d;color:#ff9daa}.move-request-list blockquote{margin:8px 0 0;padding:9px 11px;border-left:3px solid #607da9;color:#c3cee1;background:#111b2d}.task-modal-card{width:min(760px,96vw)}.task-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.task-form-row.target-row{grid-template-columns:1fr 2fr}.weekly-modal-card{width:min(1000px,96vw);max-height:90vh;overflow:auto}.weekly-editor-card{width:min(760px,96vw)}.weekly-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.weekly-header h2{margin:0}.weekly-header p{color:var(--muted)}.weekly-list{display:grid;gap:9px;margin-top:14px}.weekly-list>article{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:13px;align-items:start;padding:14px;background:#0d1627;border:1px solid #253550;border-radius:12px}.weekly-list>article.disabled{opacity:.55}.weekly-day b,.weekly-day span{display:block}.weekly-day span{color:#7faeff;font-size:18px;margin-top:4px}.weekly-main strong{color:#b9cceb}.weekly-main p{white-space:pre-wrap;color:#c1ccde;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.weekly-main small{color:var(--muted)}.weekly-actions{display:flex;gap:7px;flex-direction:column}@media(max-width:1150px){.task-summary{grid-template-columns:repeat(3,1fr)}.task-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.task-filters{grid-template-columns:1fr}.task-kpi-grid{grid-template-columns:repeat(2,1fr)}.weekly-list>article{grid-template-columns:1fr}.weekly-actions{flex-direction:row}.task-form-row,.task-form-row.target-row{grid-template-columns:1fr}}@media(max-width:550px){.task-summary{grid-template-columns:repeat(2,1fr)}.task-kpi-grid{grid-template-columns:1fr}.weekly-header{flex-direction:column}}


/* ========================================================
   WEB STEP 8: ЧАТЫ
   ======================================================== */
.chat-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.chat-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;min-height:680px}.chat-room-list,.chat-workspace{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#151f34,#101828);box-shadow:var(--shadow)}.chat-room-list{padding:8px;overflow:auto;max-height:calc(100vh - 245px)}.chat-room-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;width:100%;padding:12px;border:1px solid transparent;border-bottom-color:#26334c;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.chat-room-item:hover{background:#17233a}.chat-room-item.active{background:#1b2c49;border-color:#3e5f91}.chat-room-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#213652;font-size:20px}.chat-room-item b,.chat-room-item span,.chat-room-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-item span{color:#aebbd1;font-size:11px;margin-top:3px}.chat-room-item small{color:#7183a3;font-size:10px;margin-top:4px}.chat-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.chat-room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:18px;border-bottom:1px solid var(--line)}.chat-room-header h2{margin:4px 0}.chat-room-header p{margin:0;color:var(--muted)}.chat-header-actions{display:flex;gap:8px}.chat-message-list{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:78%;padding:12px 14px;border-radius:14px;background:#17233a;border:1px solid #2b3c5b}.chat-message.employee{align-self:flex-start}.chat-message.admin{align-self:flex-end;background:#23325d;border-color:#425798}.chat-message header{display:flex;justify-content:space-between;gap:15px}.chat-message header>div span{display:block;color:#8092b2;font-size:10px;margin-top:2px}.chat-message small{color:#7183a3;white-space:nowrap}.chat-message p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border-top:1px solid var(--line);background:#0d1627}.chat-composer textarea{resize:none;background:#111b2d;border:1px solid #304262;border-radius:12px;color:#fff;padding:12px;font:14px/1.5 Segoe UI,Arial,sans-serif}.chat-group-card{width:min(700px,96vw)}.chat-group-card>p{color:var(--muted)}.chat-employee-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px;max-height:360px;overflow:auto}.chat-employee-picker label{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#0d1627;border:1px solid #263653;border-radius:10px;cursor:pointer}.chat-employee-picker input{accent-color:#5b8cff}.chat-group-card input[type=text],.chat-group-card .form-field input{width:100%;background:#0f1728;border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:10px}@media(max-width:900px){.chat-layout{grid-template-columns:1fr}.chat-room-list{max-height:340px}.chat-workspace{min-height:620px}.chat-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.chat-message{max-width:95%}.chat-employee-picker{grid-template-columns:1fr}.chat-composer{grid-template-columns:1fr}}


/* TT MODER 1.4 — громкий звук и настройки */
.notification-sound-control{
  position:fixed;
  right:22px;
  bottom:82px;
  z-index:120;
  font-family:Segoe UI,Arial,sans-serif;
}
.notification-sound-toggle{
  width:46px;
  height:46px;
  border:1px solid #4f6f9f;
  border-radius:14px;
  background:linear-gradient(145deg,#243e68,#172a49);
  color:#fff;
  font-size:21px;
  cursor:pointer;
  box-shadow:0 12px 30px #0007;
}
.notification-sound-toggle:hover{
  transform:translateY(-1px);
  filter:brightness(1.12);
}
.notification-sound-popover{
  position:absolute;
  right:0;
  bottom:55px;
  width:280px;
  padding:15px;
  border:1px solid #405878;
  border-radius:14px;
  background:#101b2e;
  color:#eef4ff;
  box-shadow:0 22px 55px #0009;
}
.notification-sound-title{
  margin-bottom:13px;
  font-weight:800;
}
.notification-sound-popover label{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  color:#aebed7;
  font-size:12px;
}
.notification-sound-popover strong{
  color:#fff;
}
.notification-sound-range{
  width:100%;
  accent-color:#6d93ff;
}
.notification-sound-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:13px;
}
.notification-sound-actions button{
  padding:9px 10px;
  border:1px solid #395171;
  border-radius:9px;
  background:#1a2b47;
  color:#fff;
  cursor:pointer;
}
.notification-sound-test{
  background:#315b9a!important;
}
@media(max-width:600px){
  .notification-sound-control{
    right:14px;
    bottom:72px;
  }
  .notification-sound-popover{
    width:min(280px,calc(100vw - 28px));
  }
}


/* STEP 16 — управление группами */
.group-management-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;min-height:650px}.group-member-count{min-width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#29456e;color:#fff;font-size:11px}.managed-member-list{display:grid;gap:9px;margin-top:14px}.managed-member-list article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #2b3d5c;border-radius:12px;background:#0d1729}.managed-member-avatar{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#294a78;font-weight:900}.managed-member-list b,.managed-member-list span{display:block}.managed-member-list span{color:var(--muted);font-size:10px;margin-top:3px}.group-management-modal-card{width:min(600px,96vw)}.group-management-modal-card input,.group-management-modal-card select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0f1728;color:#fff}@media(max-width:900px){.group-management-layout{grid-template-columns:1fr}}

.module-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#101a2d}.admin-balance-table{width:100%;border-collapse:collapse;min-width:850px}.admin-balance-table th,.admin-balance-table td{padding:12px 14px;border-bottom:1px solid #253650;text-align:left}.admin-balance-table th{color:#99abc6;font-size:11px;background:#0d1728}.admin-balance-table td b,.admin-balance-table td small{display:block}.admin-balance-table td small{color:#7183a2;margin-top:3px}.birthday-reminder-title{font-weight:900;margin-bottom:8px;color:#ffd484}.birthday-reminder-list{display:grid;gap:9px;margin-bottom:14px}.birthday-reminder-card{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:15px;border:1px solid #8b6833;border-radius:14px;background:linear-gradient(135deg,#3c2b16,#272014)}.birthday-reminder-card b,.birthday-reminder-card span{display:block}.birthday-reminder-card span{color:#e9c98f;margin-top:4px}.birthday-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.birthday-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#101b2e}.birthday-card.reminder{border-color:#8b6833}.birthday-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#312945;font-size:23px}.birthday-card h3{margin:0}.birthday-card span,.birthday-card small{display:block;color:var(--muted);margin-top:4px}.birthday-actions{display:flex;gap:7px;align-items:flex-start}.birthday-modal-card textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0f1728;color:#fff}@media(max-width:900px){.birthday-list{grid-template-columns:1fr}.birthday-card{grid-template-columns:48px minmax(0,1fr)}.birthday-actions{grid-column:1/-1}.birthday-reminder-card{flex-direction:column;align-items:stretch}}


/* TT MODER 3.0 — корпоративный мессенджер */
.messenger-shell{display:grid;grid-template-columns:330px minmax(0,1fr) 280px;gap:12px;height:calc(100vh - 120px);min-height:650px}.messenger-contacts,.messenger-dialog,.messenger-employee-card{border:1px solid var(--line);border-radius:17px;background:#101b2e;overflow:hidden}.messenger-contacts{display:flex;flex-direction:column}.messenger-contacts>header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #263650}.messenger-contacts h2,.messenger-dialog h3{margin:0}.messenger-contacts p,.messenger-dialog p{margin:3px 0 0;color:var(--muted)}.messenger-search{padding:10px}.messenger-search input{width:100%;padding:10px 12px;border:1px solid #304460;border-radius:11px;background:#0b1628;color:#fff}.messenger-contact-list{overflow:auto;padding:5px}.messenger-contact{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#fff;text-align:left;cursor:pointer}.messenger-contact:hover{background:#16243a}.messenger-contact.active{background:#21375b;border-color:#42669a}.messenger-avatar{position:relative;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#365f9d,#2d3d72);font-weight:900;font-size:18px}.messenger-avatar.large{width:50px;height:50px}.messenger-avatar i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid #101b2e;border-radius:50%}.messenger-avatar i.online{background:#42d28c}.messenger-avatar i.offline{background:#6b7890}.messenger-contact-body{min-width:0}.messenger-contact-body>div{display:flex;justify-content:space-between;gap:8px}.messenger-contact-body b,.messenger-contact-body p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-contact-body p{margin:5px 0 0;color:#91a1b9;font-size:11px}.messenger-contact-body time{color:#7487a5;font-size:9px}.messenger-unread{min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:#5e83ff;font-size:10px}.messenger-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.messenger-dialog>header{padding:13px 17px;border-bottom:1px solid #273750}.messenger-dialog-user{display:flex;align-items:center;gap:11px}.messenger-messages{display:flex;flex-direction:column;gap:9px;padding:18px;overflow:auto;background:radial-gradient(circle at 50% 0,#162844,#0c1729 65%)}.modern-message{max-width:72%;padding:9px 11px;border-radius:16px;background:#1a2940;box-shadow:0 5px 15px #0003}.modern-message.mine{align-self:flex-end;background:linear-gradient(135deg,#31568e,#34447b);border-bottom-right-radius:5px}.modern-message.other{align-self:flex-start;border-bottom-left-radius:5px}.modern-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.modern-message footer{display:flex;justify-content:flex-end;gap:6px;margin-top:5px;color:#9fb1cc;font-size:9px}.message-photo{display:block;max-width:330px;max-height:360px;border-radius:11px;cursor:zoom-in}.message-sticker{font-size:65px;line-height:1}.messenger-composer{position:relative;display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:7px;padding:11px;border-top:1px solid #273750;background:#0e192b}.messenger-composer textarea{resize:none;padding:10px 12px;border:1px solid #334867;border-radius:12px;background:#101d31;color:#fff}.composer-tool,.icon-button{border:1px solid #344866;border-radius:11px;background:#17263d;color:#fff;cursor:pointer;padding:9px}.messenger-picker{position:absolute;left:10px;bottom:68px;display:grid;grid-template-columns:repeat(6,42px);gap:5px;padding:9px;border:1px solid #405779;border-radius:13px;background:#101b2e;box-shadow:0 20px 50px #0009}.messenger-picker[hidden]{display:none}.messenger-picker button{width:42px;height:42px;border:0;border-radius:9px;background:#172741;font-size:22px;cursor:pointer}.sticker-picker button{font-size:28px}.messenger-employee-card{padding:18px;text-align:center}.employee-card-avatar{width:76px;height:76px;margin:5px auto 10px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(135deg,#365f9d,#543b83);font-size:29px;font-weight:900}.messenger-employee-card h3{margin:0}.presence{display:inline-block;margin-top:7px;padding:5px 9px;border-radius:99px;font-size:10px}.presence.online{background:#173c31;color:#79dbb0}.presence.offline{background:#292f3d;color:#9aa7bb}.messenger-employee-card dl{text-align:left;margin-top:20px}.messenger-employee-card dl>div{padding:10px 0;border-bottom:1px solid #283750}.messenger-employee-card dt{color:#7f91ac;font-size:10px}.messenger-employee-card dd{margin:4px 0 0}.messenger-placeholder{padding:35px;text-align:center;color:#7f90aa}.messenger-typing{padding:4px 17px;color:#7f91aa;font-size:10px}@media(max-width:1200px){.messenger-shell{grid-template-columns:290px minmax(0,1fr)}.messenger-employee-card{display:none}}@media(max-width:800px){.messenger-shell{grid-template-columns:1fr;height:auto}.messenger-contacts{max-height:350px}.messenger-dialog{min-height:620px}}

.messenger-header-actions{display:flex;gap:7px}.messenger-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px}.messenger-mode-tabs button{padding:9px;border:1px solid #31445f;border-radius:9px;background:#131f32;color:#95a7c0;cursor:pointer}.messenger-mode-tabs button.active{background:#294a78;color:#fff}.group-avatar{background:linear-gradient(135deg,#4d568f,#65427f)}.messenger-group-modal-card{width:min(680px,96vw)}.messenger-group-members-select{margin-top:15px}.messenger-group-members-select>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:350px;overflow:auto;margin-top:8px}.messenger-member-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid #2e405e;border-radius:10px;background:#101b2e}.messenger-member-option small{color:#7f90aa}.message-sender{display:block;color:#8eb5ff;font-size:11px;margin-bottom:5px}@media(max-width:650px){.messenger-group-members-select>div{grid-template-columns:1fr}}


/* STEP 20 — стабильный выбор сотрудника */
.messenger-contact{
  position:relative;
  contain:layout paint;
}
.messenger-contact > *{
  pointer-events:none;
}
.messenger-contact.active{
  box-shadow:inset 3px 0 0 #6c91ff;
}


/* STEP 21 — привязка operational Telegram-группы */
.telegram-link-button{
  padding:10px 14px;
  border:1px solid #8a6b30;
  border-radius:10px;
  background:linear-gradient(135deg,#6c4e1e,#4a371c);
  color:#ffe1a6;
  font-weight:700;
  cursor:pointer;
}
.telegram-link-button:hover{
  filter:brightness(1.13);
  transform:translateY(-1px);
}
.group-telegram-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:10px;
  padding:7px 10px;
  border-radius:9px;
  font-size:11px;
}
.group-telegram-status.linked{
  border:1px solid #2d765a;
  background:#153c30;
  color:#8ee4bc;
}
.group-telegram-status.not-linked{
  border:1px solid #865f2d;
  background:#3b2b17;
  color:#f2c680;
}
.group-link-description{
  color:var(--muted);
  line-height:1.55;
}
.group-link-current{
  display:grid;
  gap:4px;
  margin-top:13px;
  padding:12px;
  border:1px solid #314560;
  border-radius:11px;
  background:#0d182a;
}
.group-link-current span,
.group-link-current small{
  color:#8fa2bd;
}
.group-link-current b{
  font-size:18px;
  overflow-wrap:anywhere;
}
.group-link-actions{
  grid-template-columns:auto 1fr auto;
}
@media(max-width:650px){
  .group-link-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* STEP 23 — активные и завершённые */
.archive-tabs{
  display:flex;
  gap:7px;
  margin:12px 0;
  padding:7px;
  width:max-content;
  max-width:100%;
  border:1px solid #2e415f;
  border-radius:12px;
  background:#0d182a;
}
.archive-tabs button{
  padding:9px 15px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#8fa2bd;
  font-weight:700;
  cursor:pointer;
}
.archive-tabs button.active{
  border-color:#5478ae;
  background:linear-gradient(135deg,#31598e,#293f6c);
  color:#fff;
}
.employee-operational-link{
  display:block;
  margin-top:6px;
  padding:5px 8px;
  border-radius:8px;
  font-size:10px;
  line-height:1.4;
}
.employee-operational-link.linked{
  border:1px solid #34735b;
  background:#15372d;
  color:#8ee0b7;
}
.employee-operational-link.free{
  border:1px solid #40516b;
  background:#162238;
  color:#91a2bb;
}
@media(max-width:650px){
  .archive-tabs{width:100%;display:grid;grid-template-columns:1fr}
}


/* =========================================================
   STEP 25 — VISUAL POLISH / ADMIN
   ========================================================= */

:root{
  --tt-bg:#08111f;
  --tt-panel:#101b2e;
  --tt-panel-2:#14223a;
  --tt-line:#2a3d5c;
  --tt-text:#f5f8ff;
  --tt-muted:#8fa2bd;
  --tt-accent:#6b7cff;
  --tt-accent-2:#8b5cf6;
  --tt-success:#43d39e;
  --tt-danger:#ff6078;
  --tt-warning:#f4bd63;
  --tt-shadow:0 18px 50px rgba(0,0,0,.32);
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at 15% 10%,rgba(79,110,255,.12),transparent 34%),
    radial-gradient(circle at 90% 0%,rgba(139,92,246,.09),transparent 28%),
    linear-gradient(180deg,#08111f,#0a1322 70%);
}

*{
  scrollbar-width:thin;
  scrollbar-color:#365274 transparent;
}

*::-webkit-scrollbar{
  width:9px;
  height:9px;
}
*::-webkit-scrollbar-track{
  background:transparent;
}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(#3a567b,#2d4260);
  border-radius:99px;
  border:2px solid transparent;
  background-clip:padding-box;
}
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(#5275a4,#3b577d);
  background-clip:padding-box;
}

button,
input,
select,
textarea{
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    opacity .18s ease;
}

button:not(:disabled):active{
  transform:scale(.98);
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:none;
  border-color:#7894ff!important;
  box-shadow:0 0 0 3px rgba(107,124,255,.22)!important;
}

.sidebar{
  background:
    linear-gradient(180deg,rgba(13,27,48,.98),rgba(8,17,31,.98));
  box-shadow:16px 0 45px rgba(0,0,0,.18);
  backdrop-filter:blur(20px);
}

.sidebar button{
  border:1px solid transparent;
  border-radius:12px;
  margin:3px 8px;
}

.sidebar button:hover{
  background:rgba(85,116,172,.13);
  border-color:rgba(102,136,196,.22);
  transform:translateX(2px);
}

.sidebar button.active{
  background:
    linear-gradient(135deg,rgba(54,88,142,.82),rgba(40,60,100,.82));
  border-color:#466b9f;
  box-shadow:
    inset 3px 0 0 #7c8fff,
    0 10px 24px rgba(0,0,0,.22);
}

.topbar,
.main-header{
  backdrop-filter:blur(16px);
}

.module-toolbar,
.employee-section-head{
  border-radius:16px;
}

.module-toolbar h2,
.page-title,
h1,
h2{
  letter-spacing:-.02em;
}

.module-list,
.module-workspace,
.panel,
.card,
.stat-card,
.modal-card,
.messenger-contacts,
.messenger-dialog,
.messenger-employee-card{
  box-shadow:var(--tt-shadow);
}

.module-list-item,
.messenger-contact,
.managed-member-list article,
.birthday-card,
.birthday-reminder-card{
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.module-list-item:hover,
.managed-member-list article:hover,
.birthday-card:hover{
  transform:translateY(-2px);
  border-color:#48658f;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.primary-button{
  border-color:#7987ff!important;
  background:
    linear-gradient(135deg,#5978ff,#7c5cff)!important;
  color:#fff!important;
  box-shadow:0 10px 25px rgba(90,105,255,.22);
}
.primary-button:hover{
  filter:brightness(1.08);
  box-shadow:0 13px 31px rgba(90,105,255,.3);
}

.secondary-button{
  background:linear-gradient(180deg,#172844,#122038)!important;
  border-color:#405a80!important;
}
.secondary-button:hover{
  background:linear-gradient(180deg,#20365a,#172a47)!important;
  border-color:#5879a8!important;
}

.danger-button{
  background:linear-gradient(135deg,#7b2338,#9b2948)!important;
  border-color:#c34a66!important;
  box-shadow:0 8px 18px rgba(145,38,67,.18);
}
.danger-button:hover{
  filter:brightness(1.1);
}

input,
select,
textarea{
  background:#0d192b!important;
  border-color:#344a69!important;
  color:#f7f9ff!important;
}
input::placeholder,
textarea::placeholder{
  color:#6f829e;
}

.modal:not([hidden]) .modal-card{
  animation:ttModalIn .2s ease-out;
}
@keyframes ttModalIn{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:none}
}

.toast,
.notification-toast{
  backdrop-filter:blur(16px);
  box-shadow:0 16px 42px rgba(0,0,0,.35);
}

.messenger-shell{
  gap:14px;
}

.messenger-contacts,
.messenger-dialog,
.messenger-employee-card{
  border-color:#314765;
  background:
    linear-gradient(180deg,rgba(18,32,54,.96),rgba(13,24,42,.96));
}

.messenger-contact{
  margin:3px 0;
}

.messenger-contact:hover{
  transform:translateX(2px);
  background:#1b2d49;
}

.messenger-contact.active{
  background:
    linear-gradient(135deg,#24436d,#263a63);
  border-color:#587cb3;
  box-shadow:
    inset 3px 0 0 #8193ff,
    0 8px 20px rgba(0,0,0,.2);
}

.modern-message{
  animation:ttMessageIn .16s ease-out;
}
@keyframes ttMessageIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

.modern-message.mine{
  background:
    linear-gradient(135deg,#3d5e9c,#534c94);
}

.message-photo{
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}

.archive-tabs{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.archive-tabs button.active{
  box-shadow:0 7px 16px rgba(49,89,142,.24);
}

.admin-balance-table tbody tr{
  transition:background .15s ease;
}
.admin-balance-table tbody tr:hover{
  background:rgba(70,96,140,.13);
}

.group-telegram-status,
.employee-operational-link{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.system-status,
.live-status{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 20px rgba(0,0,0,.18);
}

@media(max-width:900px){
  .module-toolbar{
    gap:12px;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}

.tt-click{
  animation:ttButtonClick .18s ease!important;
}
@keyframes ttButtonClick{
  0%{transform:scale(1)}
  50%{transform:scale(.965)}
  100%{transform:scale(1)}
}


/* STEP 26 — сравнение исправленного материала */
.review-correction-block{
  display:grid;
  gap:13px;
}
.review-correction-block>header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:13px 15px;
  border:1px solid #395272;
  border-radius:13px;
  background:linear-gradient(135deg,#14243d,#111c30);
}
.review-correction-block h3{
  margin:3px 0 0;
}
.review-correction-block small,
.review-correction-block>header>span{
  color:#91a4be;
}
.review-correction-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.review-correction-grid article{
  min-width:0;
  border:1px solid #334a69;
  border-radius:14px;
  overflow:hidden;
  background:#0d182a;
}
.review-correction-grid article.before{
  border-color:#75505a;
}
.review-correction-grid article.after{
  border-color:#36725c;
}
.review-correction-label{
  padding:9px 13px;
  font-weight:900;
}
.review-correction-grid .before .review-correction-label{
  background:#3e222b;
  color:#ffb0bf;
}
.review-correction-grid .after .review-correction-label{
  background:#173b30;
  color:#8ee5ba;
}
.review-correction-text{
  min-height:180px;
  max-height:520px;
  overflow:auto;
  padding:14px;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  line-height:1.6;
}
.review-correction-empty{
  padding:17px;
  border:1px solid #6f5d37;
  border-radius:13px;
  background:#322817;
  color:#e5c98e;
}
.review-correction-empty p{
  margin:7px 0 0;
}
@media(max-width:850px){
  .review-correction-grid{
    grid-template-columns:1fr;
  }
}

.admin-security-notice{display:flex;gap:10px;margin:14px 0;padding:13px 15px;border:1px solid #6e5833;border-radius:13px;background:#312817;color:#e8cb92}.admin-accounts-grid{display:grid;gap:11px}.admin-account-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid #304663;border-radius:15px;background:linear-gradient(180deg,#13223a,#0f1a2d)}.admin-account-card.blocked{opacity:.68}.admin-account-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#5278bd,#704e9a);font-size:22px;font-weight:900}.admin-account-title{display:flex;gap:9px;align-items:center}.admin-account-title h3{margin:0}.admin-account-title span{padding:4px 8px;border-radius:99px;font-size:10px}.admin-account-title span.active{background:#173c31;color:#82dfb5}.admin-account-title span.blocked{background:#45232c;color:#ffadb8}.admin-account-main p{margin:5px 0;color:#a7b7cd}.admin-account-main small{color:#788aa5}.admin-account-actions{display:flex;gap:7px;flex-wrap:wrap}.main-admin-label{padding:7px 10px;border:1px solid #77633b;border-radius:9px;background:#342b19;color:#f2cf87;font-size:10px;font-weight:900}.secret-result{display:grid;gap:7px;margin:16px 0;padding:15px;border:1px solid #405a81;border-radius:13px;background:#0b1729}.secret-result code{padding:11px;border-radius:9px;background:#172844;color:#9fc0ff;font-size:17px;user-select:all}@media(max-width:850px){.admin-account-card{grid-template-columns:48px 1fr}.admin-account-actions{grid-column:1/-1}}
.employee-registration-code{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:16px 18px;border:1px solid #2d4775;border-radius:14px;background:#12213c}.employee-registration-code>div{display:grid;gap:4px}.employee-registration-code span,.employee-registration-code small{color:#91a7cb}.employee-registration-code code{font-size:22px;font-weight:800;letter-spacing:1.5px;color:#fff}@media(max-width:720px){.employee-registration-code{align-items:stretch;flex-direction:column}.employee-registration-code button{width:100%}}