:root,[data-theme=dark]{--color-bg:#0b0e14;--color-surface:#131820;--color-surface-2:#1a212c;--color-surface-3:#222b38;--color-border:#2a3441;--color-border-soft:#1f2733;--color-text:#e6edf3;--color-text-muted:#8b98a5;--color-text-faint:#5c6773;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-soft:#1e3a5f;--color-success:#22c55e;--color-success-bg:#0f2e1a;--color-warning:#f59e0b;--color-warning-bg:#3b2f14;--color-danger:#ef4444;--color-danger-bg:#3b1414;--color-info:#38bdf8;--color-info-bg:#14283b;--color-purple:#a78bfa;--color-purple-bg:#2d1b3b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--scrollbar-track:#0b0e14;--scrollbar-thumb:#2a3441;--scrollbar-thumb-hover:#222b38}[data-theme=light]{--color-bg:#f6f8fa;--color-surface:#fff;--color-surface-2:#f0f3f6;--color-surface-3:#e4e9ef;--color-border:#d0d7de;--color-border-soft:#e6eaef;--color-text:#1f2328;--color-text-muted:#59636e;--color-text-faint:#818b98;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-soft:#dbeafe;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#0284c7;--color-info-bg:#e0f2fe;--color-purple:#7c3aed;--color-purple-bg:#ede9fe;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--scrollbar-track:#f6f8fa;--scrollbar-thumb:#d0d7de;--scrollbar-thumb-hover:#b8c0c9}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:240px;--topbar-height:56px;--z-dropdown:100;--z-modal:1000;--z-toast:2000}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base), color var(--transition-base);margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);margin:0;line-height:1.3}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-3)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn-danger{background:var(--color-danger-bg);color:#fca5a5;border-color:#4a1d1d}.btn-danger:hover:not(:disabled){background:#4a1d1d}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn-icon{padding:var(--space-2)}.input,.select,.textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed}.textarea{resize:vertical;min-height:80px;font-family:var(--font-mono)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium)}.field-hint{font-size:var(--text-xs);color:var(--color-text-faint)}.field-error{font-size:var(--text-xs);color:var(--color-danger)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-soft);display:flex}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-soft);background:var(--color-surface-2)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-soft);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-surface-2)}.table tbody tr:last-child td{border-bottom:none}.table tr.selected{background:var(--color-accent-soft)}.table tr.clickable{cursor:pointer}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);white-space:nowrap;display:inline-flex}.badge-neutral{background:var(--color-surface-3);color:var(--color-text-muted)}.badge-success{background:var(--color-success-bg);color:#86efac}.badge-warning{background:var(--color-warning-bg);color:#fcd34d}.badge-danger{background:var(--color-danger-bg);color:#fca5a5}.badge-info{background:var(--color-info-bg);color:#93c5fd}.badge-purple{background:var(--color-purple-bg);color:#c4b5fd}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);display:flex;overflow-x:auto}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn var(--transition-base);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;animation:slideUp var(--transition-base);flex-direction:column;display:flex}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-soft);display:flex}.toast-container{top:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:var(--z-toast);flex-direction:column;max-width:380px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-base);display:flex}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.toast-title{font-weight:var(--weight-semibold);font-size:var(--text-base)}.toast-msg{font-size:var(--text-sm);color:var(--color-text-muted)}.skeleton{background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-surface-3) 50%, var(--color-surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{width:40%;height:22px;margin-bottom:var(--space-4)}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.empty-icon{opacity:.4;font-size:40px}.empty-title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text)}.empty-desc{font-size:var(--text-sm);max-width:400px}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-1);transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.kpi:hover{border-color:var(--color-surface-3)}.kpi-val{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1}.kpi-lbl{font-size:var(--text-sm);color:var(--color-text-muted)}.kpi-alert .kpi-val{color:var(--color-danger)}.kpi-warn .kpi-val{color:var(--color-warning)}.kpi-ok .kpi-val{color:var(--color-success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}.error{background:var(--color-danger-bg);color:#fca5a5;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);border:1px solid #4a1d1d}.ok{background:var(--color-success-bg);color:#86efac;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);border:1px solid #1a4d2e}.back{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;display:inline-flex}.back:hover{background:var(--color-surface-2);color:var(--color-text)}.sev{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;display:inline-flex}.sev-critical{background:var(--color-danger-bg);color:#fca5a5}.sev-warning{background:var(--color-warning-bg);color:#fcd34d}.sev-info{background:var(--color-info-bg);color:#93c5fd}button.danger,.danger{color:#fca5a5;border-color:#4a1d1d}button.danger:hover{background:var(--color-danger-bg)}.tabs button:not(.tab){padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000}.tabs button:not(.tab):hover{color:var(--color-text)}.tabs button:not(.tab).active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.form-grid label{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.form-grid label.checkbox{align-items:center;gap:var(--space-2);flex-direction:row}.form-grid input,.form-grid select,.form-grid textarea{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--color-accent);outline:none}.form-grid button[type=submit]{padding:var(--space-2) var(--space-5);font-weight:var(--weight-semibold);color:#fff;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;border:none;grid-column:1/-1;justify-self:start}.brand{font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-accent)}.channels{gap:var(--space-4);flex-wrap:wrap;display:flex}.channels .checkbox{align-items:center;gap:var(--space-2);flex-direction:row}.dns-form{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.dns-form input,.dns-form select{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dns-form button{padding:var(--space-1) var(--space-4);font-weight:var(--weight-semibold);color:#fff;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;border:none}.token-box{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.token-warn{color:var(--color-warning);font-size:var(--text-sm);margin-bottom:var(--space-3)}.token-value{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);padding:var(--space-3);border-radius:var(--radius-md);word-break:break-all;margin-bottom:var(--space-3)}.token-cmd-title{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.token-cmd button{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);font-weight:var(--weight-semibold);color:#fff;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;border:none}.mail-service{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-3) 0}.mail-service h4{margin:0 0 var(--space-2);text-transform:capitalize}.role-badge{padding:2px var(--space-2);font-size:var(--text-xs);background:var(--color-info-bg);color:#93c5fd;border-radius:var(--radius-sm);margin-right:var(--space-1);text-transform:capitalize;display:inline-block}.changes{font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.change-item{gap:var(--space-2);align-items:center;display:flex}.change-field{color:var(--color-text-muted);min-width:100px}.change-old{color:#fca5a5;text-decoration:line-through}.change-arrow{color:var(--color-text-muted)}.change-new{color:#86efac}.search-type{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:uppercase;text-align:center;min-width:60px}.search-type-guest{background:var(--color-info-bg);color:#93c5fd}.search-type-domain{background:var(--color-success-bg);color:#86efac}.search-type-dns{background:var(--color-warning-bg);color:#fcd34d}.search-type-mail{background:var(--color-purple-bg);color:#c4b5fd}.search-type-postfix{background:var(--color-danger-bg);color:#fca5a5}label.checkbox{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text);cursor:pointer;display:inline-flex}label.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.sparkline{display:block}.gauge{flex-direction:column;align-items:center;display:flex;position:relative}.gauge-value{font-size:var(--text-xl);font-weight:var(--weight-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-label{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.bar-wrap{gap:var(--space-1);flex-direction:column;display:flex}.bar-label{font-size:var(--text-sm);justify-content:space-between;display:flex}.bar-track{background:var(--color-surface-3);border-radius:var(--radius-full);height:8px;overflow:hidden}.bar-fill{border-radius:var(--radius-full);height:100%;transition:width .4s}.kiosk{background:var(--color-bg);z-index:var(--z-modal);flex-direction:column;display:flex;position:fixed;inset:0}.kiosk-header{padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.kiosk-brand{align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--weight-bold);display:flex}.kiosk-brand .logo{background:var(--color-accent);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kiosk-clock{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.kiosk-body{padding:var(--space-8);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.kiosk-view{gap:var(--space-8);width:100%;max-width:1400px;animation:fadeIn var(--transition-slow);flex-direction:column;display:flex}.kiosk-kpis{justify-content:center;gap:var(--space-8);display:flex}.kiosk-kpi{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.kiosk-kpi-val{font-size:64px;font-weight:var(--weight-bold);line-height:1}.kiosk-kpi-lbl{font-size:var(--text-lg);color:var(--color-text-muted)}.kiosk-gauges{justify-content:center;gap:var(--space-12);display:flex}.kiosk-sparklines{justify-content:center;gap:var(--space-8);display:flex}.kiosk-title{text-align:center;font-size:var(--text-2xl);margin-bottom:var(--space-6)}.kiosk-empty{text-align:center;font-size:var(--text-2xl);color:var(--color-success);padding:var(--space-12)}.kiosk-alerts{gap:var(--space-3);flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}.kiosk-alert{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-lg);display:flex}.kiosk-alert-msg{flex:1}.kiosk-footer{padding:var(--space-4) var(--space-8);border-top:1px solid var(--color-border);text-align:center}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.theme-toggle:hover{background:var(--color-surface-2);color:var(--color-text)}.kpi-row{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.timeline-item:last-child{border-bottom:none}.timeline-dot{background:var(--color-text-muted);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}.timeline-dot[data-kind=event]{background:var(--color-accent)}.timeline-dot[data-kind=job]{background:var(--color-warning)}.timeline-body{flex:auto;min-width:0}.timeline-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline-title{font-weight:var(--weight-medium)}.cmdk-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmdk{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(640px,92vw);overflow:hidden;box-shadow:0 20px 60px #0006}.cmdk-input{width:100%;padding:var(--space-4);font-size:var(--text-lg);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);background:0 0;outline:none}.cmdk-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.cmdk-list{padding:var(--space-2);max-height:50vh;margin:0;list-style:none;overflow-y:auto}.cmdk-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;display:flex}.cmdk-item.selected,.cmdk-item[aria-selected=true]{background:var(--color-surface-3)}.cmdk-icon{text-align:center;flex:none;width:20px}.cmdk-sub{font-size:var(--text-sm);color:var(--color-text-muted)}.cmdk-empty{padding:var(--space-4);color:var(--color-text-muted);text-align:center}.cmdk-footer{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.cmdk-footer kbd{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;font-size:.85em}.ops-queue{margin:0;padding:0;list-style:none}.ops-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.ops-item:last-child{border-bottom:none}.ops-sev{background:var(--color-text-muted);border-radius:2px;flex:none;width:4px;height:32px}.ops-sev-critical{background:var(--color-danger)}.ops-sev-warning{background:var(--color-warning)}.ops-sev-info{background:var(--color-info)}.ops-body{flex:auto;min-width:0}.ops-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ops-title{font-weight:var(--weight-medium)}.ops-meta{gap:var(--space-2);margin-top:2px;display:flex}.ops-actions{gap:var(--space-2);flex:none;display:flex}.incidents-layout{gap:var(--space-4);grid-template-columns:minmax(280px,1fr) 2fr;display:grid}@media (width<=900px){.incidents-layout{grid-template-columns:1fr}}.incident-list{margin:0;padding:0;list-style:none}.incident-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;display:flex}.incident-item:hover,.incident-item.selected{background:var(--color-surface-3)}.incident-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.evidence-list{margin:0;padding:0;list-style:none}.evidence-item{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.freshness{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:inline-flex}.freshness-dot{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px}.freshness-ok .freshness-dot{background:var(--color-success)}.freshness-stale{color:var(--color-warning)}.freshness-stale .freshness-dot{background:var(--color-warning)}.freshness-unknown{color:var(--color-text-muted)}.stale-banner{background:color-mix(in srgb, var(--color-warning) 15%, transparent);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{background:var(--color-surface);padding:var(--space-3);z-index:2000;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-3);top:var(--space-3)}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);border-bottom:1px solid var(--color-border-soft);display:flex}.sidebar-brand .logo{background:var(--color-accent);border-radius:var(--radius-md);justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.sidebar-nav{padding:var(--space-3) var(--space-2);flex:1}.nav-group{margin-bottom:var(--space-4)}.nav-group-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-faint)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text-muted);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);margin-bottom:2px;display:flex}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.nav-item.active{background:var(--color-accent-soft);color:var(--color-text);font-weight:var(--weight-medium)}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.nav-badge{padding:1px var(--space-2);font-size:var(--text-xs);background:var(--color-danger-bg);color:#fca5a5;border-radius:var(--radius-full);margin-left:auto}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-soft)}.user-chip{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);display:flex}.user-avatar{background:var(--color-accent-soft);width:32px;height:32px;color:var(--color-accent);border-radius:var(--radius-full);font-weight:var(--weight-semibold);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info{flex:1;min-width:0}.user-name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.user-role{font-size:var(--text-xs);color:var(--color-text-faint)}.content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-height);align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-dropdown);display:flex;position:sticky;top:0}.topbar-search{flex:1;max-width:480px}.page{padding:var(--space-6);flex:1}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.global-search{width:100%;position:relative}.global-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.global-search input:focus{border-color:var(--color-accent);outline:none}.global-search .search-icon{left:var(--space-3);color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-dropdown{top:calc(100% + var(--space-1));background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:400px;z-index:var(--z-dropdown);position:absolute;left:0;right:0;overflow-y:auto}.search-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border-soft);display:flex}.search-item:hover{background:var(--color-surface-3)}.search-item:last-child{border-bottom:none}.search-title{font-size:var(--text-base)}.search-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.live-feed{margin-top:var(--space-8);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.live-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-faint);margin-bottom:var(--space-3)}.live-item{gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-border-soft);display:flex}.split{gap:var(--space-5);grid-template-columns:320px 1fr;display:grid}.split-left{border-right:1px solid var(--color-border);padding-right:var(--space-4)}.split-right{min-width:0}.form-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.form-grid .full{grid-column:1/-1}.profile-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.profile-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.profile-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-faint)}.profile-value{font-size:var(--text-base)}.charts{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.chart-title{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);justify-content:space-between;display:flex}.chart-last{font-weight:var(--weight-bold);font-size:var(--text-md)}.chart-svg{width:100%;height:auto}.range-selector{gap:var(--space-1);margin:var(--space-4) 0;display:flex}.range-selector button{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0}.range-selector button.active{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-accent)}.output{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);white-space:pre-wrap;max-height:400px;overflow-x:auto}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=900px){.sidebar{z-index:var(--z-modal);transition:transform var(--transition-base);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.split{grid-template-columns:1fr}.split-left{border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:var(--space-4)}.page{padding:var(--space-4)}.topbar{padding:0 var(--space-4)}}.login-wrap{min-height:100vh;padding:var(--space-4);background:radial-gradient(circle at 50% 0%, var(--color-surface) 0%, var(--color-bg) 60%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-8);gap:var(--space-4);box-shadow:var(--shadow-xl);flex-direction:column;display:flex}.login-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.login-brand .logo{background:var(--color-accent);border-radius:var(--radius-md);width:40px;height:40px;font-size:20px;font-weight:var(--weight-bold);color:#fff;justify-content:center;align-items:center;display:flex}.login-brand h1{font-size:var(--text-xl)}