:root{--bg: #02030a;--bg-elev: #070b14;--card: rgba(14, 22, 36, .72);--card-solid: #0c1018;--input: rgba(8, 11, 18, .6);--border: rgba(0, 184, 230, .14);--border-strong: rgba(0, 184, 230, .32);--border-soft: rgba(126, 155, 186, .12);--text: #e8f2ff;--muted: #7e9bba;--sub: #5c7b9b;--accent: #00b8e6;--accent-dim: rgba(0, 184, 230, .16);--orange: #ff5e2c;--success: #00d496;--amber: #f59e0b;--error: #ff4444;--purple: #a78bfa;--radius: 14px;--radius-sm: 9px;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{font-size:14px;font-weight:700;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:#02030a;cursor:pointer;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--muted);border-color:var(--border-soft)}.field{display:flex;flex-direction:column;gap:6px}.field label{font:600 10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--sub)}.field input{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:11px 13px;font-size:15px;font-family:inherit;width:100%}.field input:focus{border-color:var(--border-strong);outline:none}.alert{padding:10px 13px;border-radius:var(--radius-sm);font-size:13px;border:1px solid}.alert.err{background:#ff44441f;border-color:#f446;color:#ffb3b3}.alert.warn{background:#f59e0b1f;border-color:#f59e0b66;color:#ffd489}.alert.ok{background:#00d4961f;border-color:#00d49666;color:#7ff0cd}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:900px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}@media(max-width:1000px){.dash-grid{grid-template-columns:1fr}}.tbl-wrap{overflow-x:auto}.tbl{width:100%;min-width:680px;border-collapse:collapse;font-size:13.5px}.tbl th{font:600 9.5px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--sub);text-align:left;padding:9px 12px;border-bottom:1px solid var(--border-soft);white-space:nowrap}.tbl td{padding:10px 12px;border-bottom:1px solid var(--border-soft);color:var(--text);white-space:nowrap}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover td{background:#00b8e60f}.tbl tbody tr[data-selected=true] td{background:var(--accent-dim)}.tbl .num{font-variant-numeric:tabular-nums;color:var(--muted)}.drawer{position:fixed;top:0;right:0;bottom:0;width:430px;max-width:100%;background:var(--card-solid);border-left:1px solid var(--border-strong);box-shadow:-18px 0 48px #00000080;overflow-y:auto;padding:18px;z-index:40}@media(max-width:760px){.drawer{width:100%;border-left:none;box-shadow:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02030a8c;border:0;padding:0;z-index:39;cursor:pointer}.chip-btn{background:transparent;border:1px solid var(--border-soft);color:var(--muted);border-radius:999px;padding:6px 13px;font-size:12.5px;cursor:pointer;white-space:nowrap}.chip-btn:disabled{opacity:.5;cursor:not-allowed}.chip-btn[aria-pressed=true]{background:var(--accent-dim);border-color:var(--border-strong);color:var(--text);font-weight:600}.btn.sm{width:auto;padding:7px 13px;font-size:12.5px;font-weight:600}.btn.danger{background:transparent;border-color:#ff444473;color:#ffb3b3}.inp{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 12px;font-size:13.5px;font-family:inherit;min-width:0}.inp:focus{border-color:var(--border-strong);outline:none}.bell-wrap{position:relative;display:flex}.bell{position:relative;display:grid;place-items:center;width:30px;height:30px;background:transparent;border:1px solid var(--border-soft);border-radius:7px;color:var(--muted);cursor:pointer}.bell:hover{color:var(--text)}.bell[aria-expanded=true]{background:var(--accent-dim);border-color:var(--border-strong);color:var(--accent)}.bell-badge{position:absolute;top:-6px;right:-7px;min-width:17px;height:16px;padding:0 4px;border-radius:999px;background:var(--orange);color:#02030a;font:700 10px/16px var(--sans);font-variant-numeric:tabular-nums;text-align:center}.notif-pop{position:absolute;top:calc(100% + 9px);right:0;z-index:50;display:flex;flex-direction:column;width:360px;max-height:min(70vh,520px);overflow:hidden;background:var(--card-solid);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 18px 48px #0000008c}.notif-pop:focus{outline:none}.notif-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-soft)}.notif-list{flex:1;overflow-y:auto}.notif-foot{padding:10px 14px;border-top:1px solid var(--border-soft);font-size:12px;color:var(--sub)}.notif-item{display:block;width:100%;padding:11px 14px 11px 11px;border:0;border-bottom:1px solid var(--border-soft);border-left:3px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-align:left}.notif-item[data-unread=true]{border-left-color:var(--accent);background:#00b8e60d;color:var(--text)}.notif-item[data-unread=false]{opacity:.7}button.notif-item{cursor:pointer}button.notif-item:hover{background:#00b8e61a}.notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;padding:0;border:0;background:transparent;cursor:default}@media(max-width:760px){.notif-pop{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;max-height:none;border:0;border-radius:0}.notif-backdrop{background:#02030a8c}}.task-row{display:flex;flex-direction:column;gap:7px;padding:11px 13px;border:1px solid var(--border-soft);border-left-width:3px;border-radius:var(--radius-sm);background:var(--input)}.task-row[data-sla=warn]{border-left-color:var(--amber);background:#f59e0b12}.task-row[data-sla=bad]{border-left-color:var(--error);background:#ff444414}.task-row[data-done=true]{opacity:.62}.task-head{display:flex;align-items:flex-start;gap:10px}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;color:var(--sub)}.task-acts{display:flex;flex-wrap:wrap;gap:6px}.task-form{display:flex;flex-wrap:wrap;gap:8px}.task-form .inp{flex:1 1 190px}.data-twin{margin-top:12px;font-size:12.5px}.data-twin summary{color:var(--sub);cursor:pointer;font-size:12px}.data-twin table{width:100%;border-collapse:collapse;margin-top:8px}.data-twin td{padding:4px 0;border-bottom:1px solid var(--border-soft);color:var(--muted)}.data-twin td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.switch{position:relative;flex-shrink:0;width:44px;height:25px;padding:0;border-radius:999px;border:1px solid var(--border-soft);background:var(--input);cursor:pointer;transition:background .15s,border-color .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch[aria-checked=true]{background:var(--accent-dim);border-color:var(--border-strong)}.switch[aria-checked=true]:after{transform:translate(19px);background:var(--accent)}.switch:disabled{cursor:not-allowed}.set-row{display:flex;align-items:flex-start;gap:14px}.set-row>:first-child{flex:1 1 auto;min-width:0}@media(max-width:760px){.set-row{flex-direction:column;gap:9px}}.set-options{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;gap:14px}.set-options:disabled{opacity:.6}.set-options:disabled .chip-btn:disabled{opacity:1}.set-line{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 18px}.shell{display:flex;min-height:100%}.side{width:200px;flex-shrink:0;background:var(--card-solid);border-right:1px solid var(--border-soft);padding:15px 11px;display:flex;flex-direction:column;gap:3px}.nav{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--radius-sm);color:var(--muted);font-size:13.5px;text-decoration:none;border:1px solid transparent}.nav:hover{color:var(--text)}@media(max-width:760px){.shell{flex-direction:column}.side{width:auto;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;padding:10px 12px;border-right:none;border-bottom:1px solid var(--border-soft)}.side>div:first-child{padding:0 6px 0 0}.nav-group{display:flex;align-items:center;gap:6px}.nav-group>div:first-child{display:none}.nav{white-space:nowrap}}