@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap");:root{--bg-base:#0a0b0d;--bg-panel:#0f1114;--bg-raised:#161920;--bg-hover:#1d2128;--bg-active:#232830;--border-dim:#1e2329;--border-mid:#2a313d;--border-bright:#3a4455;--text-primary:#e8eaf0;--text-secondary:#8b95a8;--text-muted:#4a5568;--text-dim:#2d3748;--amber:#f59e0b;--amber-dim:#92600a;--amber-glow:rgba(245,158,11,.12);--amber-bright:#fbbf24;--green:#22c55e;--green-dim:#15532e;--green-glow:rgba(34,197,94,.1);--red:#ef4444;--red-dim:#7f1d1d;--red-glow:rgba(239,68,68,.1);--blue:#3b82f6;--blue-dim:#1e3a8a;--font-mono:"IBM Plex Mono",monospace;--font-sans:"IBM Plex Sans",sans-serif;--sidebar-w:220px;--topbar-h:52px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.mono{font-family:var(--font-mono)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-online{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-offline{background:var(--text-muted)}.dot-pending{background:var(--amber);box-shadow:0 0 6px var(--amber)}.dot-quarantined{background:var(--red);box-shadow:0 0 6px var(--red)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:3px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border:1px solid}.badge-online{color:var(--green);background:var(--green-glow);border-color:var(--green-dim)}.badge-offline{color:var(--text-secondary);background:transparent;border-color:var(--border-dim)}.badge-pending{color:var(--amber);background:var(--amber-glow);border-color:var(--amber-dim)}.badge-critical,.badge-quarantined{color:var(--red);background:var(--red-glow);border-color:var(--red-dim)}.badge-high{color:#fb923c;background:rgba(251,146,60,.1);border-color:#92400e}.badge-medium{color:var(--amber);background:var(--amber-glow);border-color:var(--amber-dim)}.badge-low{color:var(--blue);background:rgba(59,130,246,.1);border-color:var(--blue-dim)}.card{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:4px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:8px 12px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-base)}.data-table td,.data-table th{border-bottom:1px solid var(--border-dim)}.data-table td{padding:9px 12px;color:var(--text-secondary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.data-table .cell-primary{color:var(--text-primary);font-weight:500}.data-table .cell-mono{font-family:var(--font-mono);font-size:12px}.stat-card{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:4px;padding:16px 20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.accent-green:before{background:var(--green)}.stat-card.accent-amber:before{background:var(--amber)}.stat-card.accent-red:before{background:var(--red)}.stat-card.accent-blue:before{background:var(--blue)}.stat-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.stat-label,.stat-value{font-family:var(--font-mono)}.stat-value{font-size:28px;font-weight:600;color:var(--text-primary);line-height:1}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:6px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;border-bottom:1px solid var(--border-dim);margin-bottom:16px}.section-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.btn,.section-title{font-family:var(--font-mono);font-weight:500}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:3px;font-size:12px;cursor:pointer;border:1px solid;transition:all .15s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--amber);border-color:var(--amber);color:#0a0b0d}.btn-primary:hover{background:var(--amber-bright);border-color:var(--amber-bright)}.btn-ghost{background:transparent;border-color:var(--border-mid);color:var(--text-secondary)}.btn-ghost:hover{border-color:var(--border-bright);color:var(--text-primary);background:var(--bg-hover)}.btn-danger{background:transparent;border-color:var(--red-dim);color:var(--red)}.btn-danger:hover{background:var(--red-glow)}.input{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:3px;padding:6px 10px;font-family:var(--font-mono);font-size:12px;color:var(--text-primary);outline:none;transition:border-color .15s;width:100%}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--amber-dim);box-shadow:0 0 0 2px var(--amber-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.animate-in{animation:fadeIn .2s ease both}.dot-online{animation:pulse-dot 2.5s ease-in-out infinite}.nav-item-active{background:var(--bg-active)!important;color:var(--amber)!important;border-left:2px solid var(--amber)!important}