.skip-link{z-index:10000;background:var(--accent,#3b82f6);color:#fff;border-radius:0 0 8px 8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:1rem}.skip-link:focus{outline-offset:2px;outline:3px solid #fff;top:0}:focus-visible{outline:2px solid var(--accent,#3b82f6);outline-offset:2px}:root{--bg:linear-gradient(135deg, #e0e7ff 0%, #f3f4f6 100%);--bg-card:#ffffffa6;--bg-secondary:#ffffff73;--bg-hover:#ffffffd9;--bg-sidebar:#1a1f2ef2;--border:#d1d9e699;--text:#1a1f2e;--text-muted:#5a6478;--accent:#3b82f6;--accent-hover:#2563eb;--green:#059669;--red:#dc2626;--yellow:#d97706;--orange:#ea580c;--purple:#7c3aed;--cyan:#0284c7;--card-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008}[data-theme=dark]{--bg:#0a0e17;--bg-card:#ffffff08;--bg-secondary:#ffffff04;--bg-hover:#ffffff14;--bg-sidebar:#0a0e17d9;--border:#ffffff14;--text:#e5e7eb;--text-muted:#9ca3af;--accent:#3b82f6;--accent-hover:#2563eb;--green:#10b981;--red:#ef4444;--yellow:#f59e0b;--orange:#f97316;--purple:#8b5cf6;--cyan:#06b6d4;--card-shadow:0 8px 16px #0006, 0 4px 6px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:JetBrains Mono,Fira Code,monospace}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;gap:.25rem;padding:1.5rem 0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding:0 1.25rem 1.25rem}.sidebar-header h1{letter-spacing:.05em;color:var(--cyan);font-size:.875rem;font-weight:700}.sidebar-header .version{color:var(--text-muted);margin-top:.25rem;font-size:.6875rem}.nav-link{color:var(--text-muted);align-items:center;gap:.75rem;padding:.625rem 1.25rem;font-size:.8125rem;text-decoration:none;transition:all .15s;display:flex}.nav-link span{flex-direction:column;display:flex}.nav-link span span{opacity:.8;margin-top:2px;font-size:.7rem;display:block}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active{color:var(--cyan);border-right:2px solid var(--cyan);background:#06b6d414}.phi-badge{border-top:1px solid var(--border);margin-top:auto;padding:1rem 1.25rem}.phi-value{text-align:center;font-size:2rem;font-weight:700}.phi-label{color:var(--text-muted);text-align:center;margin-top:.25rem;font-size:.6875rem}.main{padding:1.5rem 2rem;overflow-y:auto}.page-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:.5rem;padding:1.25rem;overflow:hidden}.card-stat{flex-direction:column;justify-content:center;min-height:110px;display:flex}.activity-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.stat-value{font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.badge{border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.badge-green{color:#34d399;background:#10b98126}.badge-red{color:#f87171;background:#ef444426}.badge-yellow{color:#fbbf24;background:#f59e0b26}.badge-blue{color:#60a5fa;background:#3b82f626}.badge-purple{color:#a78bfa;background:#8b5cf626}.badge-orange{color:#fb923c;background:#f9731626}.badge-cyan{color:#22d3ee;background:#06b6d426}.card-glow-green{border-color:#10b98133;box-shadow:0 0 20px #10b98126,inset 0 1px 1px #ffffff0d}.card-glow-red{border-color:#ef444433;box-shadow:0 0 20px #ef444426,inset 0 1px 1px #ffffff0d}.card-glow-yellow{border-color:#f59e0b33;box-shadow:0 0 20px #f59e0b26,inset 0 1px 1px #ffffff0d}.card-glow-cyan{border-color:#06b6d433;box-shadow:0 0 20px #06b6d426,inset 0 1px 1px #ffffff0d}.card-glow-purple{border-color:#8b5cf633;box-shadow:0 0 20px #8b5cf626,inset 0 1px 1px #ffffff0d}.card-glow-orange{border-color:#f9731633;box-shadow:0 0 20px #f9731626,inset 0 1px 1px #ffffff0d}.threat-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.threat-critical{color:#f87171;background:#dc262633;border:1px solid #dc262666}.threat-high{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.threat-medium{color:#fb923c;background:#ea580c26;border:1px solid #ea580c4d}.threat-low{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.table{border-collapse:collapse;width:100%;font-size:.8125rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.6875rem}.table td{border-bottom:1px solid var(--border);padding:.5rem .75rem}.table tr:hover td{background:var(--bg-hover)}.table tr[style*="cursor: pointer"]:hover td{background:#06b6d414;transition:background .15s}.table tr[style*="cursor: pointer"]:hover td:last-child:after{content:" ›";color:var(--cyan);font-weight:700}.engine-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.engine-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.375rem;padding:.75rem;position:relative}.engine-card.healthy{border-left:3px solid var(--green)}.engine-card.unhealthy{border-left:3px solid var(--red)}.engine-name{font-size:.8125rem;font-weight:600}.engine-law{color:var(--text-muted);font-size:.6875rem}.bar{background:var(--border);border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.bar-fill{border-radius:3px;height:100%;transition:width .3s}.progress-green{background:var(--green)}.progress-yellow{background:var(--yellow)}.progress-red{background:var(--red)}.progress-cyan{background:var(--cyan)}.gap-list{flex-direction:column;gap:.375rem;max-height:400px;display:flex;overflow-y:auto}.gap-item{background:var(--bg);border-radius:.25rem;justify-content:space-between;align-items:center;padding:.375rem .5rem;font-size:.75rem;display:flex}.btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;transition:all .15s}.btn:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-danger{border-color:var(--red);color:var(--red);background:#ef444426}.btn-danger:hover{background:#ef444440}h1,.h1{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}h2,.h2{font-size:1.25rem;font-weight:600}h3,.h3{font-size:1rem;font-weight:600}h4,.h4{text-transform:uppercase;letter-spacing:.04em;font-size:.875rem;font-weight:600}.text-sm{font-size:.8125rem}.text-xs{font-size:.6875rem}.text-muted{color:var(--text-muted)}.card{transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#06b6d44d}.card[role=button]:hover{border-color:var(--cyan);cursor:pointer;box-shadow:var(--card-shadow), 0 4px 12px #0003;transform:translateY(-1px)}.card[role=button]:active{transform:translateY(0)}a:not(.nav-link):not(.skip-link){transition:color .15s}a:not(.nav-link):not(.skip-link):hover{color:var(--cyan)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-text{width:80%;height:.875rem;margin-bottom:.5rem}.skeleton-stat{width:60%;height:2rem;margin-bottom:.25rem}.skeleton-card{height:120px}.skeleton-row{height:2.5rem;margin-bottom:.25rem}.empty-state{color:var(--text-muted);text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex;box-shadow:inset 0 2px 4px #00000005}.empty-state-icon{opacity:.6;font-size:3rem;animation:3s infinite skeleton-pulse}.empty-state-title{color:var(--text);letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.empty-state-desc{max-width:380px;font-size:.875rem;line-height:1.6}.pagination{justify-content:center;align-items:center;gap:.25rem;padding:1rem 0;font-size:.8125rem;display:flex}.pagination button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:.25rem;min-width:2rem;padding:.375rem .625rem;font-family:inherit;font-size:.75rem;transition:all .15s}.pagination button:hover{background:var(--bg-hover);border-color:var(--cyan);color:var(--text)}.pagination button.active{border-color:var(--cyan);color:var(--cyan);background:#06b6d426;font-weight:600}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination .page-info{color:var(--text-muted);padding:0 .5rem;font-size:.75rem}@media (max-width:1024px){.grid-4,.engine-grid{grid-template-columns:repeat(2,1fr)}.card-stat{min-height:100px}}.stat-value{font-variant-numeric:tabular-nums}.recharts-wrapper,.recharts-surface{overflow:visible}.sidebar-toggle,.sidebar-backdrop{display:none}@media (max-width:768px){.layout{grid-template-columns:1fr}.sidebar-toggle{z-index:1100;background:var(--bg-card);border:1px solid var(--border);width:44px;height:44px;color:var(--cyan);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:fixed;top:.75rem;left:.75rem;box-shadow:0 2px 12px #0006}.sidebar-toggle:active{transform:scale(.92)}.sidebar-backdrop{z-index:1040;-webkit-backdrop-filter:blur(4px);background:#0009;animation:.2s ease-out fadeIn;display:block;position:fixed;inset:0}.sidebar{z-index:1050;border-right:1px solid var(--border);background:var(--bg);border-bottom:none;flex-direction:column;gap:.25rem;width:260px;padding:1rem 0 .5rem;transition:transform .25s ease-out;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 24px #00000080}.sidebar-header{border-bottom:1px solid var(--border);margin-bottom:.5rem;padding:.75rem 1rem .5rem;display:block}.sidebar-header h1{font-size:.875rem}.sidebar-header .version{font-size:.625rem}.nav-link{padding:1rem 1.25rem;font-size:.875rem}.nav-link span span{color:var(--text-muted);opacity:.8;font-size:.75rem;display:block}.nav-link.active{border-right:3px solid var(--cyan);background:#06b6d414;border-bottom:none}.main{padding:4rem 1rem 1rem}.page-title{display:none}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4,.engine-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.table{font-size:.75rem}.table th,.table td{padding:.375rem .5rem}.gap-list{max-height:250px}.btn{padding:.375rem .75rem;font-size:.75rem}}@media (max-width:480px){.grid-4{grid-template-columns:repeat(2,1fr)}.engine-grid{grid-template-columns:1fr}.stat-value{font-size:1.25rem}.card{padding:.75rem}.card-title{font-size:.625rem}.card-stat{min-height:80px}}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:768px){.table{min-width:600px}}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.4}}.pulse-live{animation:2s ease-in-out infinite pulse-live}@keyframes phi-glow{0%,to{text-shadow:0 0 4px}50%{text-shadow:0 0 12px,0 0 24px #06b6d466}}.phi-glow{animation:3s ease-in-out infinite phi-glow}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:.3s ease-out slide-in}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s ease-out fade-up}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--bg-hover) 50%, var(--border) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes breathe{0%,to{box-shadow:0 0}50%{box-shadow:0 0 0 4px #0000}}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--green);color:#10b98166;animation:2s ease-in-out infinite breathe}.status-dot.offline{background:var(--text-muted)}.status-dot.stale{background:var(--yellow)}.activity-feed{scrollbar-width:thin;flex-direction:column;gap:0;max-height:400px;display:flex;overflow-y:auto}.activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.625rem;padding:.5rem .625rem;font-size:.75rem;transition:background .15s;display:flex}.activity-item:hover{background:var(--bg-hover)}.activity-item:last-child{border-bottom:none}.activity-severity{border-radius:2px;flex-shrink:0;align-self:stretch;width:3px;min-height:24px}.severity-critical{background:var(--red)}.severity-high,.severity-medium{background:var(--orange)}.severity-low{background:var(--green)}.severity-info{background:var(--cyan)}.device-card{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:border-color .15s,box-shadow .15s;display:flex}.device-card:hover{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.device-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.device-icon.windows{color:var(--accent);background:#3b82f61f}.device-icon.linux{color:var(--yellow);background:#eab3081f}.soar-item{border-left:2px solid var(--purple);background:#8b5cf60a;border-radius:0 4px 4px 0;align-items:center;gap:.5rem;margin-bottom:.375rem;padding:.375rem .625rem;font-size:.75rem;display:flex}.counter-value{font-variant-numeric:tabular-nums;transition:color .3s}