*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{--brand-50: #eaf0f6;--brand-100: #d3e0ec;--brand-200: #a7c1d9;--brand-300: #6a93b7;--brand-500: #2e5e85;--brand-600: #204769;--brand-700: #1a3a57;--brand-800: #142e44;--brand-900: #0e2233;--bg: #f8f8f9;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #f4f4f5;--surface-3: #ececef;--border: #e7e7ea;--border-strong:#d7d7dc;--border-input: #d4d4d8;--text: #18181b;--text-strong: #09090b;--text-muted: #71717a;--text-subtle: #a1a1aa;--text-on-brand:#ffffff;--success-bg: #ecfdf3;--success-fg: #027a48;--success-br: #abefc6;--warn-bg: #fffaeb;--warn-fg: #b54708;--warn-br: #fedf89;--danger-bg: #fef3f2;--danger-fg: #b42318;--danger-br: #fecdca;--info-bg: #eff8ff;--info-fg: #175cd3;--info-br: #b2ddff;--neutral-bg: #f4f4f5;--neutral-fg: #3f3f46;--neutral-br: #e4e4e7;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--r-2xl: 20px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16,24,40,.04);--shadow-md: 0 4px 8px -2px rgba(16,24,40,.06), 0 2px 4px -2px rgba(16,24,40,.04);--shadow-lg: 0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03);--shadow-xl: 0 20px 24px -4px rgba(16,24,40,.08), 0 8px 8px -4px rgba(16,24,40,.03);--shadow-overlay: 0 24px 48px -12px rgba(16,24,40,.18);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w: 248px;--sidebar-w-collapsed: 64px;--topbar-h: 52px}body.dark{--bg: #0a0a0b;--bg-elev: #121214;--surface: #131316;--surface-2: #1c1c20;--surface-3: #25252a;--border: #26262b;--border-strong:#33333a;--border-input: #2e2e34;--text: #fafafa;--text-strong: #ffffff;--text-muted: #a1a1aa;--text-subtle: #71717a;--success-bg: #052e1c;--success-fg: #6ee7b7;--success-br: #064e3b;--warn-bg: #3b2604;--warn-fg: #fcd34d;--warn-br: #78350f;--danger-bg: #3f0a0a;--danger-fg: #fca5a5;--danger-br: #7f1d1d;--info-bg: #0c1f3d;--info-fg: #93c5fd;--info-br: #1e3a8a;--neutral-bg: #1c1c20;--neutral-fg: #d4d4d8;--neutral-br: #2e2e34;--brand-50: #142e44;--brand-100: #1a3a57;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 4px 8px rgba(0,0,0,.4);--shadow-lg: 0 12px 24px rgba(0,0,0,.45);--shadow-xl: 0 20px 32px rgba(0,0,0,.5);--shadow-overlay: 0 24px 48px rgba(0,0,0,.6)}html,body{height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03"}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100vh;height:100vh;overflow:hidden}.app.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sb{background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;overflow:hidden}.sb-head{height:var(--topbar-h);padding:0 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0}.sb-logo{width:26px;height:26px;border-radius:var(--r-sm);background:var(--brand-600);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.sb-brand{display:flex;flex-direction:column;line-height:1.15;min-width:0;overflow:hidden}.sb-brand b{font-weight:600;font-size:14px;color:var(--text-strong);letter-spacing:-.01em}.sb-brand small{font-size:11px;color:var(--text-muted)}.sb-toggle{margin-left:auto;width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sb-toggle:hover{background:var(--bg-elev);color:var(--brand-600);border-color:var(--brand-600)}.app.collapsed .sb-head{flex-direction:column;height:auto;padding:10px 8px;gap:8px}.app.collapsed .sb-toggle{margin-left:0;width:100%;height:32px}.sb-section{padding:10px 8px;overflow-y:auto;flex:1}.sb-section::-webkit-scrollbar{width:6px}.sb-section::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.sb-group-label{padding:8px 10px 4px;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle)}.sb-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text-muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;position:relative}.sb-item:hover{background:var(--surface-2);color:var(--text)}.sb-item.active{background:var(--surface-2);color:var(--text-strong);font-weight:600}.sb-item.active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:2px;background:var(--brand-600);border-radius:2px}.sb-item-icon{width:16px;height:16px;display:grid;place-items:center;color:currentColor;flex-shrink:0}.sb-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sb-item-badge{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--surface-2);padding:1px 6px;border-radius:999px;border:1px solid var(--border)}.sb-item.active .sb-item-badge{background:var(--brand-50);color:var(--brand-600);border-color:transparent}.sb-group{margin-top:2px}.sb-group-toggle{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text-muted);font-size:13.5px;font-weight:500;width:100%;cursor:pointer;text-align:left}.sb-group-toggle:hover{background:var(--surface-2);color:var(--text)}.sb-group-toggle .chev{margin-left:auto;transition:transform .15s}.sb-group.open .sb-group-toggle .chev{transform:rotate(90deg)}.sb-group-kids{display:none;padding:2px 0 4px 22px}.sb-group.open .sb-group-kids{display:block}.sb-group-kids .sb-item{font-size:13px;padding:6px 10px;font-weight:500}.sb-foot{border-top:1px solid var(--border);padding:10px;display:flex;align-items:center;gap:10px;flex-shrink:0}.sb-foot .avatar{width:30px;height:30px;border-radius:50%;background:var(--brand-600);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}.sb-foot .who{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}.sb-foot .who b{font-size:13px;font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-foot .who small{font-size:11px;color:var(--text-muted)}.sb-foot .ico-btn{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--text-muted);transition:background .12s,color .12s}.sb-foot .ico-btn:hover{background:var(--surface-2);color:var(--text)}.app.collapsed .sb-item-label,.app.collapsed .sb-item-badge,.app.collapsed .sb-group-label,.app.collapsed .sb-group,.app.collapsed .sb-brand,.app.collapsed .sb-foot .who,.app.collapsed .sb-group-kids{display:none}.app.collapsed .sb-item{justify-content:center;padding:8px}.app.collapsed .sb-item.active:before{left:0}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg-elev);display:flex;align-items:center;gap:12px;padding:0 20px;flex-shrink:0}.crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);min-width:0}.crumbs b{color:var(--text-strong);font-weight:600}.crumbs .sep{color:var(--text-subtle)}.search-wrap{margin-left:auto;position:relative;width:280px}.search-wrap input{width:100%;height:32px;padding:0 32px;background:var(--surface-2);border:1px solid transparent;border-radius:var(--r-md);color:var(--text);font-size:13px;outline:none;transition:background .12s,border-color .12s}.search-wrap input:focus{background:var(--bg-elev);border-color:var(--border-strong)}.search-wrap input::placeholder{color:var(--text-subtle)}.search-wrap .ico{position:absolute;left:10px;top:8px;color:var(--text-subtle)}.search-wrap .kbd{position:absolute;right:8px;top:7px;background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);height:18px;display:grid;place-items:center}.tb-actions{display:flex;align-items:center;gap:4px}.tb-actions .ico-btn{width:32px;height:32px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--text-muted);position:relative;transition:background .12s,color .12s}.tb-actions .ico-btn:hover{background:var(--surface-2);color:var(--text)}.tb-actions .dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#ef4444;border:1.5px solid var(--bg-elev)}.content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg)}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}.content::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.page{padding:24px 28px 60px;max-width:1480px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title{font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--text-strong)}.page-sub{font-size:13.5px;color:var(--text-muted);margin-top:4px}.page-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-md);font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:var(--shadow-xs),inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){background:var(--brand-700)}.btn-secondary{background:var(--bg-elev);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-fg);color:#fff}.btn-danger:hover{background:#991b1b}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-lg{height:38px;padding:0 16px;font-size:14px}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-md);color:var(--text-muted);border:1px solid transparent;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.card-head{padding:14px 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.card-title{font-size:13.5px;font-weight:600;color:var(--text-strong);letter-spacing:-.005em}.card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.card-body{padding:16px}.card-foot{padding:10px 16px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:8px;position:relative}.kpi-label{font-size:12px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:6px}.kpi-label .ico{width:14px;height:14px;color:var(--text-subtle)}.kpi-value{font-size:26px;font-weight:600;color:var(--text-strong);letter-spacing:-.025em;line-height:1.1;font-feature-settings:"tnum"}.kpi-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.delta-up{color:var(--success-fg);font-weight:600}.delta-down{color:var(--danger-fg);font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--neutral-bg);color:var(--neutral-fg);border:1px solid var(--neutral-br);white-space:nowrap;line-height:1}.badge.lg{height:22px;font-size:12px}.badge-success{background:var(--success-bg);color:var(--success-fg);border-color:var(--success-br)}.badge-warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-br)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-br)}.badge-info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-br)}.badge-brand{background:var(--brand-50);color:var(--brand-600);border-color:var(--brand-100)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.tbl-wrap{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.tbl-toolbar{padding:10px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--bg-elev)}.tbl-toolbar .sep{width:1px;height:20px;background:var(--border);margin:0 4px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;font-weight:500;font-size:12px;color:var(--text-muted);padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;letter-spacing:.005em;position:sticky;top:0;z-index:1}.tbl tbody td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .08s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr.selected{background:var(--brand-50)}.tbl tbody tr.clickable{cursor:pointer}.tbl .num{font-variant-numeric:tabular-nums;text-align:right}.tbl .mono{font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted)}.tbl .cell-strong{color:var(--text-strong);font-weight:500}.tbl-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s}.tbl tr:hover .tbl-actions{opacity:1}.tbl-foot{padding:10px 14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--text-muted);background:var(--bg-elev)}.input,select.input{height:32px;padding:0 10px;background:var(--bg-elev);border:1px solid var(--border-input);border-radius:var(--r-md);color:var(--text);font-size:13px;outline:none;transition:border-color .12s,box-shadow .12s;font-family:inherit}.input:focus,select.input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.input::placeholder{color:var(--text-subtle)}.input-search{padding-left:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");background-repeat:no-repeat;background-position:10px center;width:240px}textarea.input{height:auto;min-height:80px;padding:8px 10px;resize:vertical;line-height:1.5}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12.5px;font-weight:500;color:var(--text)}.field-hint{font-size:12px;color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-elev);font-size:12.5px;color:var(--text);cursor:pointer;transition:background .1s,border-color .1s}.chip:hover{background:var(--surface-2)}.chip.active{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-700)}.chip .x{color:var(--text-subtle);display:grid;place-items:center}.segmented{display:inline-flex;background:var(--surface-2);border-radius:var(--r-md);padding:2px;gap:0;border:1px solid var(--border)}.segmented button{height:26px;padding:0 10px;border-radius:5px;font-size:12.5px;font-weight:500;color:var(--text-muted);transition:all .12s}.segmented button.on{background:var(--bg-elev);color:var(--text-strong);box-shadow:var(--shadow-xs)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:3px;gap:2px}.seg button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:var(--r-sm);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s;white-space:nowrap}.seg button:hover:not(.on){color:var(--text);background:var(--bg-elev)}.seg button.on{background:var(--bg-elev);color:var(--text-strong);font-weight:600;box-shadow:var(--shadow-xs)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:16px}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:16px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}@media (max-width: 1080px){.grid-2,.grid-3,.grid-4,.grid-2-1,.grid-1-2{grid-template-columns:1fr}}.bar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;width:100%}.bar>i{display:block;height:100%;background:var(--brand-600);border-radius:999px;transition:width .4s}.bar.tiny{height:4px}.bar.success>i{background:var(--success-fg)}.bar.warn>i{background:var(--warn-fg)}.bar.danger>i{background:var(--danger-fg)}.avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-600);color:#fff;font-weight:600;font-size:11px;flex-shrink:0;text-transform:uppercase}.avatar.sm{width:22px;height:22px;font-size:10px}.avatar.lg{width:40px;height:40px;font-size:14px}.avatar.xl{width:64px;height:64px;font-size:22px}.avatar-stack{display:inline-flex}.avatar-stack .avatar{margin-left:-8px;border:2px solid var(--bg-elev);box-sizing:content-box;width:24px;height:24px;font-size:10px}.avatar-stack .avatar:first-child{margin-left:0}.mono{font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.text-xs{font-size:11.5px}.text-sm{font-size:12.5px}.text-lg{font-size:16px;font-weight:600}.text-strong{color:var(--text-strong);font-weight:600}.divider{height:1px;background:var(--border);margin:12px 0}.divider-v{width:1px;background:var(--border);align-self:stretch}.feed{display:flex;flex-direction:column}.feed-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border);align-items:flex-start}.feed-item:last-child{border-bottom:none}.feed-ico{width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--text-muted);display:grid;place-items:center;flex-shrink:0;margin-top:2px}.feed-body{flex:1;min-width:0}.feed-msg{font-size:13px;line-height:1.45}.feed-msg b{font-weight:600;color:var(--text-strong)}.feed-time{font-size:11.5px;color:var(--text-subtle);margin-top:2px}.empty{padding:48px 20px;text-align:center;color:var(--text-muted)}.empty .ico-wrap{width:44px;height:44px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;margin:0 auto 12px;color:var(--text-subtle)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121a66;z-index:100;animation:fadeIn .15s ease-out}.drawer{position:fixed;right:0;top:0;bottom:0;width:560px;max-width:95vw;background:var(--bg-elev);border-left:1px solid var(--border);z-index:101;display:flex;flex-direction:column;box-shadow:var(--shadow-overlay);animation:slideIn .2s ease-out}.drawer-head{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;background:var(--surface-2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.sdot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.sdot.green{background:#10b981;box-shadow:0 0 0 3px #10b9812e}.sdot.amber{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.sdot.red{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}.sdot.gray{background:#9ca3af;box-shadow:0 0 0 3px #9ca3af2e}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tabs button{padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text-strong);border-bottom-color:var(--brand-600);font-weight:600}.spark{width:100%;height:40px;display:block}.section-h{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:8px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--bg);align-items:center;justify-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px;box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.login-brand .sb-logo{width:40px;height:40px;font-size:16px;border-radius:var(--r-md)}.login-brand b{font-size:18px;color:var(--text-strong)}.login-brand small{color:var(--text-muted);font-size:12.5px}.login-title{font-size:18px;font-weight:600;color:var(--text-strong);margin-bottom:4px;letter-spacing:-.01em}.login-sub{font-size:13.5px;color:var(--text-muted);margin-bottom:22px}.login-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.login-error{background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger-br);border-radius:var(--r-md);padding:9px 12px;font-size:12.5px;margin-bottom:12px;line-height:1.4}.login-info{background:var(--info-bg);color:var(--info-fg);border:1px solid var(--info-br);border-radius:var(--r-md);padding:9px 12px;font-size:12.5px;margin-bottom:12px;line-height:1.4}.login-foot{text-align:center;margin-top:18px;font-size:11.5px;color:var(--text-subtle)}.app-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg);z-index:10}.spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--brand-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skel{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;border-radius:var(--r-sm);animation:skel 1.4s linear infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.stub-wrap{padding:60px 28px;text-align:center;color:var(--text-muted)}.stub-wrap .ico-wrap{width:52px;height:52px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;margin:0 auto 16px;color:var(--brand-600)}.stub-wrap h2{font-size:18px;color:var(--text-strong);margin-bottom:6px;letter-spacing:-.01em}.stub-wrap p{font-size:13.5px;max-width:440px;margin:0 auto}.user-menu{position:relative}.user-menu-pop{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:220px;padding:6px;z-index:50}.user-menu-pop .who-row{padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.user-menu-pop .who-row b{display:block;color:var(--text-strong);font-size:13px}.user-menu-pop .who-row small{color:var(--text-muted);font-size:11.5px}.user-menu-pop .it{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text);font-size:13px;cursor:pointer}.user-menu-pop .it:hover{background:var(--surface-2)}.user-menu-pop .it.danger{color:var(--danger-fg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121a73;z-index:200;animation:fadeIn .15s ease-out}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-overlay);z-index:201;display:flex;flex-direction:column;max-height:90vh;width:90vw;animation:modalIn .18s ease-out;overflow:hidden}.modal-sm{max-width:420px}.modal-md{max-width:580px}.modal-lg{max-width:760px}.modal-head{padding:16px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.modal-title{font-size:15px;font-weight:600;color:var(--text-strong);letter-spacing:-.01em}.modal-sub{font-size:12.5px;color:var(--text-muted);margin-top:4px;line-height:1.45}.modal-body{padding:18px 20px;flex:1;overflow-y:auto}.modal-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;background:var(--surface-2);flex-shrink:0;border-bottom-left-radius:var(--r-xl);border-bottom-right-radius:var(--r-xl)}@keyframes modalIn{0%{transform:translate(-50%,-48%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.toast-stack{position:fixed;top:16px;right:16px;z-index:300;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);width:360px}.toast{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);cursor:pointer;animation:toastIn .2s ease-out}.toast-success{border-left:3px solid var(--success-fg)}.toast-error{border-left:3px solid var(--danger-fg)}.toast-warn{border-left:3px solid var(--warn-fg)}.toast-info{border-left:3px solid var(--info-fg)}.toast-ico{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.toast-success .toast-ico{background:var(--success-bg);color:var(--success-fg)}.toast-error .toast-ico{background:var(--danger-bg);color:var(--danger-fg)}.toast-warn .toast-ico{background:var(--warn-bg);color:var(--warn-fg)}.toast-info .toast-ico{background:var(--info-bg);color:var(--info-fg)}.toast-body{flex:1;min-width:0}.toast-title{font-size:12.5px;font-weight:600;color:var(--text-strong)}.toast-msg{font-size:12.5px;color:var(--text);line-height:1.4;word-break:break-word}.toast-close{background:none;border:none;color:var(--text-subtle);cursor:pointer;width:18px;height:18px;display:grid;place-items:center;border-radius:var(--r-xs);flex-shrink:0}.toast-close:hover{color:var(--text);background:var(--surface-2)}@keyframes toastIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.confirm-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin-bottom:10px}.confirm-icon.warn{background:var(--warn-bg);color:var(--warn-fg)}.confirm-icon.danger{background:var(--danger-bg);color:var(--danger-fg)}.confirm-icon.success{background:var(--success-bg);color:var(--success-fg)}.confirm-icon.info{background:var(--info-bg);color:var(--info-fg)}.def-list{display:grid;grid-template-columns:130px 1fr;gap:10px 16px}.def-list dt{font-size:12px;color:var(--text-muted);font-weight:500}.def-list dd{font-size:13px;color:var(--text)}.def-list dd.mono{font-family:var(--font-mono);font-size:12.5px}.row-actions{display:inline-flex;gap:4px;align-items:center}.row-actions .btn-sm{height:26px;padding:0 9px;font-size:12px}.summary-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.summary-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;font-size:13px}.summary-pill b{color:var(--text-strong);font-weight:600;font-variant-numeric:tabular-nums}.summary-pill .lbl{color:var(--text-muted)}.summary-pill .sdot{width:7px;height:7px;box-shadow:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.ico-cell{width:30px;height:30px;border-radius:var(--r-sm);background:var(--surface-2);display:grid;place-items:center;color:var(--brand-600);flex-shrink:0}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:1px;background:var(--border)}.timeline-item{position:relative;padding-bottom:18px;display:flex;gap:14px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-24px;top:0;width:24px;height:24px;background:var(--bg-elev);border:1.5px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--text-muted)}.timeline-dot.active{border-color:var(--success-fg);background:var(--success-bg);color:var(--success-fg)}.timeline-body{flex:1;padding-top:2px}.timeline-title{font-size:13.5px;color:var(--text-strong);margin-bottom:4px}.timeline-meta{font-size:12px;color:var(--text-muted);line-height:1.5}.timeline-note{margin-top:6px;padding:8px 10px;background:var(--surface-2);border-left:2px solid var(--border);border-radius:var(--r-sm);font-size:12.5px;color:var(--text);font-style:italic}.btn-danger{background:var(--danger-fg);color:#fff;border:1px solid var(--danger-fg)}.btn-danger:hover{filter:brightness(.92)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:14px}.doc-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 12px 12px;cursor:pointer;transition:all .15s;position:relative}.doc-card:hover{border-color:var(--brand-600);box-shadow:var(--shadow-md)}.doc-card-ico{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;margin-bottom:8px;background:var(--surface-2);color:var(--brand-600)}.doc-card.folder .doc-card-ico{background:#fdecd1;color:#a75c00;color:oklch(.55 .16 60)}body.dark .doc-card.folder .doc-card-ico{background:#432f07;color:#ecaa0b}.doc-card-name{font-size:13px;font-weight:500;color:var(--text-strong);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.doc-card-meta{font-size:11.5px;color:var(--text-muted)}.path-bar{display:flex;align-items:center;gap:4px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:13px;flex-wrap:wrap}.path-bar .crumb{color:var(--brand-600);cursor:pointer;padding:2px 6px;border-radius:var(--r-xs)}.path-bar .crumb:hover{background:var(--surface-3)}.path-bar .crumb.current{color:var(--text-strong);cursor:default}.path-bar .crumb.current:hover{background:none}.ep-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:12.5px}.ep-status-grid>div{display:flex;align-items:center;gap:6px}.ep-status-grid .ok{color:var(--success-fg)}.ep-status-grid .bad{color:var(--danger-fg)}.ep-status-grid .warn{color:var(--warn-fg)}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;padding:4px 0}.check input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand-600);cursor:pointer}.popover{position:absolute;top:calc(100% + 6px);right:16px;width:380px;max-width:calc(100vw - 32px);max-height:560px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);z-index:150;display:flex;flex-direction:column;overflow:hidden;animation:popIn .14s ease-out}.popover-notif{right:60px}.popover-help{right:16px;width:340px}@keyframes popIn{0%{transform:translateY(-4px);opacity:0}to{transform:none;opacity:1}}.popover-head{padding:12px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-shrink:0;background:var(--surface-2)}.popover-title{font-size:13.5px;font-weight:600;color:var(--text-strong);letter-spacing:-.01em}.popover-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.popover-body{flex:1;overflow-y:auto;padding:0}.notif-dot{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--danger-fg);color:#fff;border-radius:999px;font-size:9.5px;font-weight:700;display:grid;place-items:center;line-height:1;border:1.5px solid var(--bg-elev)}.notif-list{list-style:none;margin:0;padding:0}.notif-section{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);padding:10px 14px 4px;background:var(--bg-elev);position:sticky;top:0;z-index:1}.notif-item{display:flex;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);position:relative;transition:background .1s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface-2)}.notif-item.unread{background:#ecf7ff;background:oklch(.97 .02 240)}body.dark .notif-item.unread{background:#061d2b}.notif-item.unread:hover{background:#dff1ff;background:oklch(.95 .03 240)}body.dark .notif-item.unread:hover{background:#062437}.notif-ico{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:2px}.notif-ico.variant-success{background:var(--success-bg);color:var(--success-fg)}.notif-ico.variant-danger{background:var(--danger-bg);color:var(--danger-fg)}.notif-ico.variant-warn{background:var(--warn-bg);color:var(--warn-fg)}.notif-ico.variant-info{background:var(--info-bg);color:var(--info-fg)}.notif-body{flex:1;min-width:0}.notif-title{font-size:12.5px;font-weight:600;color:var(--text-strong);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-msg{font-size:12px;color:var(--text-muted);line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:11px;color:var(--text-subtle)}.notif-unread-dot{position:absolute;top:14px;right:12px;width:7px;height:7px;background:var(--brand-600);border-radius:50%;flex-shrink:0}.help-section{padding:12px 14px;border-bottom:1px solid var(--border)}.help-section:last-child{border-bottom:none}.help-section-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);margin-bottom:8px}.help-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.help-quick{display:flex;align-items:center;gap:8px;padding:7px 9px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;font-size:12px;color:var(--text);text-align:left;transition:all .1s}.help-quick:hover{background:var(--surface-2);border-color:var(--border)}.help-quick svg{color:var(--brand-600);flex-shrink:0}.help-list{margin:0;padding-left:16px;font-size:12px;color:var(--text);line-height:1.55}.help-list li{margin-bottom:6px}.help-list li:last-child{margin-bottom:0}.help-list b{color:var(--text-strong);font-weight:600}.help-shortcuts{list-style:none;margin:0;padding:0;font-size:12px;color:var(--text-muted)}.help-shortcuts li{display:flex;align-items:center;gap:6px;margin-bottom:6px}.help-shortcuts li:last-child{margin-bottom:0}.help-shortcuts kbd{font-family:var(--font-mono);font-size:10.5px;padding:2px 6px;background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--r-xs);color:var(--text-strong);min-width:16px;text-align:center}.help-footer{background:var(--surface-2);padding-top:10px;padding-bottom:10px}.tb-actions,.topbar{position:relative}.scan-wrap{display:flex;flex-direction:column;gap:12px}.scan-viewport{position:relative;width:100%;aspect-ratio:16 / 10;background:#0a0a0a;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border)}.scan-viewport video{width:100%;height:100%;object-fit:cover;display:block}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.scan-frame{position:relative;width:70%;height:40%;border-radius:8px;box-shadow:0 0 0 9999px #00000059}.scan-corner{position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:2px}.scan-corner.tl{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:8px}.scan-corner.tr{top:-2px;right:-2px;border-left:none;border-bottom:none;border-top-right-radius:8px}.scan-corner.bl{bottom:-2px;left:-2px;border-right:none;border-top:none;border-bottom-left-radius:8px}.scan-corner.br{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:8px}.scan-line-anim{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,oklch(.7 .18 145),transparent);box-shadow:0 0 10px #45ba50;animation:scan-sweep 2.2s ease-in-out infinite}@keyframes scan-sweep{0%{top:5%}50%{top:95%}to{top:5%}}.scan-status{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.scan-result{padding:4px 4px 8px}.scan-result-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.scan-result-title{font-size:14px;font-weight:600;color:var(--text-strong)}.scan-result.success .scan-result-title{color:var(--success-fg)}.scan-help{font-size:11.5px;color:var(--text-muted);line-height:1.5;display:flex;gap:6px;align-items:flex-start;padding:8px 10px;background:var(--surface-2);border-radius:var(--r-sm)}.scan-help svg{flex-shrink:0;margin-top:2px;color:var(--text-subtle)}.ep-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}@media (max-width: 900px){.ep-kpi-row{grid-template-columns:repeat(2,1fr)}}.ep-kpi{display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px;background:var(--bg-elev);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:left;transition:all .15s;font:inherit;color:inherit}.ep-kpi:hover{border-color:var(--brand-600);box-shadow:var(--shadow-sm)}.ep-kpi.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.ep-kpi.active .ep-kpi-label,.ep-kpi.active .ep-kpi-value{color:#fff}.ep-kpi-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.ep-kpi-value{font-size:26px;font-weight:700;line-height:1;color:var(--text-strong);font-variant-numeric:tabular-nums}.ep-kpi-success:not(.active) .ep-kpi-value{color:var(--success-fg)}.ep-kpi-warn:not(.active) .ep-kpi-value{color:var(--warn-fg)}.ep-kpi-danger:not(.active) .ep-kpi-value{color:var(--danger-fg)}.ep-kpi-muted:not(.active) .ep-kpi-value{color:var(--text-subtle)}.ep-kpi-success.active{background:var(--success-fg);border-color:var(--success-fg)}.ep-kpi-warn.active{background:var(--warn-fg);border-color:var(--warn-fg)}.ep-kpi-danger.active{background:var(--danger-fg);border-color:var(--danger-fg)}.ep-kpi-muted.active{background:var(--text-subtle);border-color:var(--text-subtle)}.ep-tbl th,.ep-tbl td{padding:8px;font-size:12.5px;white-space:nowrap}.ep-tbl td:nth-child(2),.ep-tbl td:nth-child(12){white-space:normal}.inc-kanban{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:8px}@media (max-width: 1200px){.inc-kanban{grid-template-columns:repeat(3,minmax(240px,1fr))}}@media (max-width: 700px){.inc-kanban{grid-template-columns:repeat(2,minmax(220px,1fr))}}.inc-kanban-col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;min-height:180px}.inc-kanban-head{padding:10px 12px;border-top:3px solid transparent;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between;border-radius:var(--r-md) var(--r-md) 0 0;background:var(--bg-elev)}.inc-kanban-body{padding:8px;flex:1;display:flex;flex-direction:column;gap:8px}.inc-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px;cursor:pointer;transition:all .15s}.inc-card:hover{border-color:var(--brand-600);box-shadow:var(--shadow-sm)}.inc-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.inc-card-title{font-size:13px;font-weight:600;color:var(--text-strong);line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.inc-card-meta{font-size:11px;color:var(--text-muted);line-height:1.6}.inc-card-meta svg{vertical-align:-2px;margin-right:2px}.inc-card-foot{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);display:flex;align-items:center;gap:6px}.switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-3);border:1px solid var(--border);border-radius:20px;transition:.2s}.switch-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px #0003}.switch input:checked+.switch-slider{background:var(--success-fg);border-color:var(--success-fg)}.switch input:checked+.switch-slider:before{transform:translate(16px)}.switch input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.io-status-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--r-md);border:1px solid var(--border);margin-bottom:18px}.io-status-banner.io-ok{background:var(--success-bg);border-color:var(--success-fg)}.io-status-banner.io-warning{background:var(--warn-bg);border-color:var(--warn-fg)}.io-status-banner.io-critical{background:var(--danger-bg);border-color:var(--danger-fg)}.io-status-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.io-ok .io-status-icon{background:#16a34a26;color:var(--success-fg)}.io-warning .io-status-icon{background:#d9770626;color:var(--warn-fg)}.io-critical .io-status-icon{background:#dc262626;color:var(--danger-fg)}.io-status-label{font-size:11.5px;font-weight:800;letter-spacing:.1em;margin-bottom:2px}.io-ok .io-status-label{color:var(--success-fg)}.io-warning .io-status-label{color:var(--warn-fg)}.io-critical .io-status-label{color:var(--danger-fg)}.io-status-desc{font-size:13.5px;color:var(--text-strong);font-weight:500}.io-status-time{font-size:11.5px;color:var(--text-muted);text-align:right;flex-shrink:0;text-transform:capitalize}.io-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}@media (max-width: 1200px){.io-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.io-kpi-grid{grid-template-columns:repeat(2,1fr)}}.io-kpi{background:var(--bg-elev);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--r-md);padding:12px 14px;cursor:pointer;transition:all .15s}.io-kpi:hover{border-color:var(--brand-600);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.io-kpi-info{border-left-color:var(--brand-600)}.io-kpi-success{border-left-color:var(--success-fg)}.io-kpi-warn{border-left-color:var(--warn-fg)}.io-kpi-danger{border-left-color:var(--danger-fg)}.io-kpi-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--text-muted)}.io-kpi-ico{display:flex;align-items:center;justify-content:center}.io-kpi-info .io-kpi-ico{color:var(--brand-600)}.io-kpi-success .io-kpi-ico{color:var(--success-fg)}.io-kpi-warn .io-kpi-ico{color:var(--warn-fg)}.io-kpi-danger .io-kpi-ico{color:var(--danger-fg)}.io-kpi-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.io-kpi-value{font-size:28px;font-weight:700;line-height:1;color:var(--text-strong);font-variant-numeric:tabular-nums;margin-bottom:3px}.io-kpi-sub{font-size:11.5px;color:var(--text-muted)}.io-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}@media (max-width: 1000px){.io-cards-row{grid-template-columns:1fr}}.io-list-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12.5px}.io-list-item:last-child{border-bottom:none}.mon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.mon-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column}.mon-card:hover{border-color:var(--brand-600);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mon-card-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.mon-card-body{flex:1;display:flex;flex-direction:column;gap:6px;min-height:80px}.mon-row{display:flex;gap:8px;align-items:center;padding:2px 0}.mon-row-ico{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.mon-row-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mon-row-val{font-size:12px;color:var(--text-strong);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mon-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.mon-stat{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.mon-stat-ico{display:flex;align-items:center}.mon-stat-num{font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums}.mon-stat-lbl{color:var(--text-subtle)}.mon-card-foot{margin-top:10px;padding-top:8px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;font-size:10.5px;color:var(--text-muted)}.mon-card-foot span{display:inline-flex;align-items:center;gap:3px}