@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-ui: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-loose: 1.75;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0em;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--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;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--color-threat-critical: #ff3b3b;--color-threat-critical-bg: rgba(255,59,59,.12);--color-threat-critical-border: rgba(255,59,59,.35);--color-threat-critical-text: #ff7070;--color-threat-high: #ff6b35;--color-threat-high-bg: rgba(255,107,53,.12);--color-threat-high-border: rgba(255,107,53,.35);--color-threat-high-text: #ff8f66;--color-threat-medium: #f59e0b;--color-threat-medium-bg: rgba(245,158,11,.12);--color-threat-medium-border: rgba(245,158,11,.35);--color-threat-medium-text: #fbbf24;--color-threat-low: #0096FF;--color-threat-low-bg: rgba(0,150,255,.12);--color-threat-low-border: rgba(0,150,255,.35);--color-threat-low-text: #40b0ff;--color-success: #22c55e;--color-success-bg: rgba(34,197,94,.12);--color-success-border: rgba(34,197,94,.35);--color-success-text: #4ade80;--color-online: #22c55e;--color-offline: #637D8F;--color-updating: #f59e0b;--sidebar-width: 200px;--topbar-height: 52px;--brand-primary: var(--color-accent);--brand-secondary: var(--color-accent-dim)}[data-theme=matrix]{--bg-primary: #0a0a0a;--bg-secondary: #0d1a0d;--bg-elevated: #112211;--bg-card: #0d1a0d;--bg-hover: #0f1f0f;--bg-active: #0d1a0d;--bg-input: #0d1a0d;--bg-sidebar: #0a0a0a;--bg-topbar: #0a0a0a;--bg-modal: #0d1a0d;--bg-overlay: rgba(0,0,0,.75);--border-subtle: rgba(0,255,65,.08);--border-default: rgba(0,255,65,.15);--border-strong: rgba(0,255,65,.3);--border-accent: rgba(0,255,65,.6);--color-accent: #00ff41;--color-accent-dim: #00cc33;--color-accent-dark:#009922;--text-primary: #00ff41;--text-secondary: #00dd44;--text-muted: #00aa33;--text-disabled: #006622;--text-inverse: #0a0a0a;--text-on-accent: #0a0a0a;--font-brand: var(--font-mono);--btn-primary-bg: #00ff41;--btn-primary-text: #0a0a0a;--btn-primary-hover: #00dd33;--btn-ghost-border: rgba(0,255,65,.3);--btn-ghost-text: #00ff41;--btn-ghost-hover-bg: rgba(0,255,65,.08);--nav-item-text: #00cc44;--nav-item-active-text: #00ff41;--nav-item-active-bg: #0d1a0d;--nav-item-active-border: #00ff41;--nav-item-hover-text: #00ff41;--nav-logo-color: #00ff41;--nav-logo-font: var(--font-mono);--stat-number-color: #00ff41;--stat-label-color: #00aa33;--scrollbar-thumb: rgba(0,255,65,.2);--scrollbar-track: #0a0a0a}[data-theme=aix]{--bg-primary: #1E2A3A;--bg-secondary: #243447;--bg-elevated: #2A3C52;--bg-card: #243447;--bg-hover: #2A3C52;--bg-active: #0D4178;--bg-input: #182030;--bg-sidebar: #182030;--bg-topbar: #182030;--bg-modal: #243447;--bg-overlay: rgba(0,0,0,.8);--border-subtle: rgba(0,150,255,.08);--border-default: rgba(0,150,255,.18);--border-strong: rgba(0,150,255,.35);--border-accent: rgba(0,150,255,.6);--color-accent: #0096FF;--color-accent-dim: #006EBF;--color-accent-dark: #0D4178;--text-primary: #F4F7FA;--text-secondary: #D8DBDE;--text-muted: #65A1C5;--text-disabled: #637D8F;--text-inverse: #000000;--text-on-accent: #000000;--font-brand: var(--font-ui);--btn-primary-bg: #0096FF;--btn-primary-text: #000000;--btn-primary-hover: #006EBF;--btn-ghost-border: rgba(101,161,197,.4);--btn-ghost-text: #65A1C5;--btn-ghost-hover-bg: rgba(0,150,255,.08);--nav-item-text: #B7BCC1;--nav-item-active-text: #0096FF;--nav-item-active-bg: #0D4178;--nav-item-active-border: #0096FF;--nav-item-hover-text: #F4F7FA;--nav-logo-color: #F4F7FA;--nav-logo-font: var(--font-ui);--stat-number-color: #0096FF;--stat-label-color: #65A1C5;--scrollbar-thumb: rgba(0,150,255,.25);--scrollbar-track: #1E2A3A}[data-theme=light]{--bg-primary: #F4F7FA;--bg-secondary: #EEF2F7;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-hover: #E8EEF5;--bg-active: #EEF6FF;--bg-input: #ffffff;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-modal: #ffffff;--bg-overlay: rgba(4,8,12,.5);--border-subtle: #D8DBDE;--border-default: #B7BCC1;--border-strong: #637D8F;--border-accent: #0096FF;--color-accent: #0096FF;--color-accent-dim: #006EBF;--color-accent-dark: #0D4178;--text-primary: #04080C;--text-secondary: #0D4178;--text-muted: #637D8F;--text-disabled: #B7BCC1;--text-inverse: #F4F7FA;--text-on-accent: #ffffff;--font-brand: var(--font-ui);--btn-primary-bg: #0096FF;--btn-primary-text: #ffffff;--btn-primary-hover: #006EBF;--btn-ghost-border: #B7BCC1;--btn-ghost-text: #0D4178;--btn-ghost-hover-bg: #EEF2F7;--nav-item-text: #0D4178;--nav-item-active-text: #006EBF;--nav-item-active-bg: #EEF6FF;--nav-item-active-border: #006EBF;--nav-item-hover-text: #04080C;--nav-logo-color: #04080C;--nav-logo-font: var(--font-ui);--stat-number-color: #006EBF;--stat-label-color: #637D8F;--scrollbar-thumb: #B7BCC1;--scrollbar-track: #F4F7FA}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{width:6px;height:6px}::-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(--color-accent)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);padding:var(--space-2) var(--space-4);white-space:nowrap;letter-spacing:.02em}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-ghost{background:transparent;color:var(--btn-ghost-text);border:1px solid var(--btn-ghost-border)}.btn-ghost:hover{background:var(--btn-ghost-hover-bg)}.input{width:100%;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);outline:none;transition:border-color var(--transition-base)}.input:focus{border-color:var(--color-accent)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;border:1px solid transparent}.badge-online{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.badge-critical{background:var(--color-threat-critical-bg);color:var(--color-threat-critical-text);border-color:var(--color-threat-critical-border)}.badge-high{background:var(--color-threat-high-bg);color:var(--color-threat-high-text);border-color:var(--color-threat-high-border)}.badge-medium{background:var(--color-threat-medium-bg);color:var(--color-threat-medium-text);border-color:var(--color-threat-medium-border)}.badge-offline{background:#637d8f26;color:var(--color-offline);border-color:#637d8f4d}.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}.section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;margin-bottom:var(--space-3)}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--stat-number-color);line-height:var(--line-height-tight);font-family:var(--font-mono)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--stat-label-color);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-top:var(--space-1)}.nav-logo{font-family:var(--nav-logo-font);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--nav-logo-color);letter-spacing:.04em;margin-bottom:var(--space-6);padding:0 var(--space-2)}.nav-logo .accent{color:var(--color-accent)}.nav-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--nav-item-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-1);text-decoration:none}.nav-item:hover{color:var(--nav-item-hover-text);background:var(--bg-hover)}.nav-item.active{color:var(--nav-item-active-text);background:var(--nav-item-active-bg);border-left-color:var(--nav-item-active-border)}.topbar{height:var(--topbar-height);background:var(--bg-topbar);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:50}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);flex-shrink:0;overflow-y:auto}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;overflow-y:auto;padding:var(--space-6)}.table-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);color:var(--text-secondary)}.table-row:last-child{border-bottom:none}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}