:root{--sp-canvas: #06090E;--sp-surface-0: #090D14;--sp-surface-1: #0D121B;--sp-surface-2: #121824;--sp-surface-3: #182030;--sp-surface-hover: #1E273A;--sp-border-subtle: rgba(255, 255, 255, .08);--sp-border-light: rgba(255, 255, 255, .15);--sp-border-active: rgba(0, 229, 255, .4);--sp-cyan: #00E5FF;--sp-cyan-dim: rgba(0, 229, 255, .1);--sp-cyan-glow: rgba(0, 229, 255, .25);--sp-indigo: #6366F1;--sp-indigo-dim: rgba(99, 102, 241, .12);--sp-text-primary: #F8FAFC;--sp-text-secondary: #94A3B8;--sp-text-muted: #64748B;--sp-status-enforcing: #10B981;--sp-status-warning: #F59E0B;--sp-status-critical: #EF4444}.sp-landing{background-color:var(--sp-canvas);color:var(--sp-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}.sp-grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0);background-size:32px 32px;pointer-events:none;z-index:0}.sp-ambient-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:1000px;height:500px;background:radial-gradient(circle,rgba(0,229,255,.07) 0%,rgba(99,102,241,.03) 40%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.sp-container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:10}.sp-section{padding-top:6rem;padding-bottom:6rem;border-top:1px solid var(--sp-border-subtle);position:relative}.sp-section-header{max-width:780px;margin-bottom:3.5rem}.sp-section-title{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.15;margin:.75rem 0 0}.sp-section-desc{font-size:1.05rem;color:var(--sp-text-secondary);margin-top:.75rem;line-height:1.6}.sp-flex{display:flex}.sp-flex-col{display:flex;flex-direction:column}.sp-flex-center{display:flex;align-items:center;justify-content:center}.sp-flex-between{display:flex;align-items:center;justify-content:space-between}.sp-flex-items-center{display:flex;align-items:center}.sp-gap-2{gap:.5rem}.sp-gap-3{gap:.75rem}.sp-gap-4{gap:1rem}.sp-gap-6{gap:1.5rem}.sp-gap-8{gap:2rem}.sp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.sp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.sp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.sp-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.sp-hero-grid{display:grid;grid-template-columns:58% 42%;gap:3rem;align-items:center}.sp-panel{background:var(--sp-surface-1);border:1px solid var(--sp-border-subtle);border-radius:6px;position:relative;padding:1.75rem;transition:border-color .25s ease,box-shadow .25s ease}.sp-panel:hover{border-color:var(--sp-border-light)}.sp-panel-inset{background:var(--sp-surface-0);border:1px solid var(--sp-border-subtle);border-radius:4px;padding:1rem}.sp-mono{font-family:JetBrains Mono,Fira Code,SF Mono,ui-monospace,monospace}.sp-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .65rem;border-radius:4px;background:#0d121be6;border:1px solid var(--sp-border-subtle);font-size:.725rem;font-weight:500;color:var(--sp-cyan);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,ui-monospace,monospace}.sp-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;font-weight:600}.sp-badge-cyan{background:var(--sp-cyan-dim);color:var(--sp-cyan);border:1px solid rgba(0,229,255,.3)}.sp-badge-green{background:#10b9811a;color:var(--sp-status-enforcing);border:1px solid rgba(16,185,129,.25)}.sp-badge-amber{background:#f59e0b1a;color:var(--sp-status-warning);border:1px solid rgba(245,158,11,.25)}.sp-badge-red{background:#ef44441a;color:var(--sp-status-critical);border:1px solid rgba(239,68,68,.25)}.sp-badge-indigo{background:var(--sp-indigo-dim);color:var(--sp-indigo);border:1px solid rgba(99,102,241,.3)}.sp-pulse-dot{width:7px;height:7px;border-radius:50%;background-color:var(--sp-status-enforcing);box-shadow:0 0 #10b981b3;animation:sp-pulse 2s infinite}@keyframes sp-pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.sp-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#f8fafc;color:#06090e;font-weight:600;font-size:.875rem;padding:.65rem 1.35rem;border-radius:4px;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid #FFFFFF;text-decoration:none;cursor:pointer}.sp-btn-primary:hover{background:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 16px #ffffff26}.sp-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#121824d9;color:var(--sp-text-primary);font-weight:500;font-size:.875rem;padding:.65rem 1.35rem;border-radius:4px;border:1px solid var(--sp-border-light);transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;cursor:pointer}.sp-btn-secondary:hover{background:var(--sp-surface-3);border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.sp-navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:background-color .25s ease,border-color .25s ease,padding .25s ease;padding-top:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid transparent}.sp-navbar.scrolled{background-color:#06090eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--sp-border-subtle);padding-top:.85rem;padding-bottom:.85rem;box-shadow:0 8px 32px #0009}.sp-nav-inner{display:flex;align-items:center;justify-content:space-between}.sp-nav-links{display:flex;align-items:center;gap:2rem}.sp-nav-link{background:none;border:none;color:var(--sp-text-secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease;text-decoration:none}.sp-nav-link:hover{color:#fff}.sp-nav-actions{display:flex;align-items:center;gap:.85rem}.sp-mobile-toggle{display:none;background:none;border:none;color:var(--sp-text-secondary);cursor:pointer;padding:.5rem}.sp-mobile-menu{display:none;background:#06090efa;border-top:1px solid var(--sp-border-subtle);padding:1.5rem;flex-direction:column;gap:1rem}.sp-hero{padding-top:9rem;padding-bottom:6rem;position:relative;overflow:hidden}.sp-hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-.035em;color:#fff;line-height:1.1;margin:1.25rem 0 1rem}.sp-hero-title span{background:linear-gradient(135deg,#fff,#cbd5e1,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sp-hero-desc{font-size:1.125rem;color:var(--sp-text-secondary);max-width:580px;line-height:1.65;margin-bottom:2rem}.sp-hero-actions{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.sp-hero-meta-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--sp-border-subtle)}.sp-meta-label{font-size:.68rem;font-family:JetBrains Mono,ui-monospace,monospace;text-transform:uppercase;color:var(--sp-text-muted);letter-spacing:.06em}.sp-meta-val{font-size:.85rem;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600;color:var(--sp-text-primary);margin-top:.2rem}.sp-topology-box{background:linear-gradient(180deg,var(--sp-surface-1) 0%,#080C14 100%);border:1px solid var(--sp-border-subtle);border-radius:8px;padding:1.5rem;box-shadow:0 20px 48px #000000b3}.sp-flow-arrow{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--sp-text-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;margin:.5rem 0}.sp-flow-line-vert{width:1px;height:16px;background:var(--sp-border-light)}.sp-cap-split{display:grid;grid-template-columns:50% 50%;gap:2.5rem;align-items:center}.sp-arch-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative}.sp-arch-tier{display:flex;flex-direction:column;justify-content:space-between}.sp-arch-item{background:var(--sp-surface-2);border:1px solid var(--sp-border-subtle);border-radius:4px;padding:.75rem 1rem;margin-bottom:.65rem}.sp-perspective-container{perspective:1200px;perspective-origin:50% 30%;max-width:980px;margin:0 auto}.sp-3d-console-tilt{transform:rotateX(5deg) rotateY(0);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;box-shadow:0 30px 70px -15px #000000f2,0 0 45px #00e5ff0d;border-radius:8px;overflow:hidden;border:1px solid var(--sp-border-light)}.sp-3d-console-tilt:hover{transform:rotateX(1deg) rotateY(0) translateY(-4px);box-shadow:0 40px 90px -15px #000000fa,0 0 60px #00e5ff14}.sp-footer{background:#04060a;border-top:1px solid var(--sp-border-subtle);padding:4.5rem 0 3rem;color:var(--sp-text-secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem}.sp-footer-grid{display:grid;grid-template-columns:50% 25% 25%;gap:3rem;margin-bottom:3.5rem}.sp-footer-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.65rem}.sp-footer-link{color:var(--sp-text-secondary);text-decoration:none;transition:color .2s ease}.sp-footer-link:hover{color:#fff}.sp-auth-canvas{min-height:100vh;background-color:var(--sp-canvas);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;font-family:Inter,-apple-system,sans-serif;color:var(--sp-text-primary)}.sp-auth-box{width:100%;max-width:440px;margin:5rem auto;background:var(--sp-surface-1);border:1px solid var(--sp-border-light);border-radius:8px;padding:2.5rem 2.25rem;box-shadow:0 24px 64px #000c,0 0 32px #00e5ff0a;position:relative;z-index:10}.sp-auth-input{width:100%;background:var(--sp-surface-0);border:1px solid var(--sp-border-subtle);border-radius:4px;padding:.75rem 1rem;color:#fff;font-size:.875rem;font-family:Inter,sans-serif;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.sp-auth-input:focus{outline:none;border-color:var(--sp-cyan);box-shadow:0 0 0 3px #00e5ff26}.sp-auth-input-mono{font-family:JetBrains Mono,ui-monospace,monospace}@media (max-width: 1024px){.sp-hero-grid{grid-template-columns:1fr;gap:3rem}.sp-hero-desc{max-width:100%}.sp-cap-split{grid-template-columns:1fr;gap:2rem}.sp-arch-flow{grid-template-columns:1fr;gap:2.5rem}.sp-footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 768px){.sp-nav-links,.sp-nav-actions{display:none}.sp-mobile-toggle{display:block}.sp-mobile-menu.open{display:flex}.sp-hero-title{font-size:2.45rem}.sp-hero-meta-strip{grid-template-columns:1fr;gap:1rem}.sp-grid-2,.sp-grid-3,.sp-grid-4,.sp-grid-6{grid-template-columns:1fr;gap:1.25rem}.sp-footer-grid{grid-template-columns:1fr;gap:2rem}.sp-3d-console-tilt{transform:none!important}}@media (prefers-reduced-motion: reduce){.sp-pulse-dot{animation:none!important}.sp-3d-console-tilt{transform:none!important;transition:none!important}}.enterprise-root{--ep-bg: #090D16;--ep-sidebar-bg: #0D121F;--ep-header-bg: rgba(13, 18, 31, .85);--ep-surface: #111827;--ep-surface-subtle: #162032;--ep-surface-hover: #1A263D;--ep-surface-border: #1F293D;--ep-surface-border-subtle: #1A2234;--ep-surface-border-glow: rgba(6, 182, 212, .3);--ep-text-primary: #F8FAFC;--ep-text-secondary: #94A3B8;--ep-text-muted: #64748B;--ep-text-dim: #475569;--ep-cyan: #06B6D4;--ep-cyan-glow: rgba(6, 182, 212, .15);--ep-indigo: #6366F1;--ep-indigo-glow: rgba(99, 102, 241, .15);--ep-emerald: #10B981;--ep-emerald-bg: rgba(16, 185, 129, .12);--ep-emerald-border: rgba(16, 185, 129, .25);--ep-amber: #F59E0B;--ep-amber-bg: rgba(245, 158, 11, .12);--ep-amber-border: rgba(245, 158, 11, .25);--ep-crimson: #EF4444;--ep-crimson-bg: rgba(239, 68, 68, .12);--ep-crimson-border: rgba(239, 68, 68, .25);--ep-slate: #64748B;--ep-slate-bg: rgba(100, 116, 139, .12);--ep-slate-border: rgba(100, 116, 139, .25);--ep-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ep-font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;font-family:var(--ep-font-sans);background-color:var(--ep-bg);color:var(--ep-text-primary);min-height:100vh;display:flex;flex-direction:column}.enterprise-root ::-webkit-scrollbar{width:6px;height:6px}.enterprise-root ::-webkit-scrollbar-track{background:var(--ep-bg)}.enterprise-root ::-webkit-scrollbar-thumb{background:var(--ep-surface-border);border-radius:3px}.enterprise-root ::-webkit-scrollbar-thumb:hover{background:var(--ep-slate)}.ep-font-mono{font-family:var(--ep-font-mono)}.ep-card{background-color:var(--ep-surface);border:1px solid var(--ep-surface-border);border-radius:8px;box-shadow:0 4px 12px #00000040;transition:border-color .15s ease}.ep-card:hover{border-color:#2d3d58}.ep-stat-card{background:linear-gradient(180deg,var(--ep-surface) 0%,var(--ep-surface-subtle) 100%);border:1px solid var(--ep-surface-border);border-radius:8px;padding:20px;position:relative;overflow:hidden}.ep-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s ease}.ep-stat-card.ep-stat-cyan:before{background:var(--ep-cyan)}.ep-stat-card.ep-stat-emerald:before{background:var(--ep-emerald)}.ep-stat-card.ep-stat-crimson:before{background:var(--ep-crimson)}.ep-stat-card.ep-stat-indigo:before{background:var(--ep-indigo)}.ep-stat-card.ep-stat-amber:before{background:var(--ep-amber)}.ep-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.ep-badge-emerald{background-color:var(--ep-emerald-bg);border:1px solid var(--ep-emerald-border);color:#34d399}.ep-badge-crimson{background-color:var(--ep-crimson-bg);border:1px solid var(--ep-crimson-border);color:#f87171}.ep-badge-amber{background-color:var(--ep-amber-bg);border:1px solid var(--ep-amber-border);color:#fbbf24}.ep-badge-cyan{background-color:var(--ep-cyan-glow);border:1px solid rgba(6,182,212,.3);color:#38bdf8}.ep-badge-slate{background-color:var(--ep-slate-bg);border:1px solid var(--ep-slate-border);color:#94a3b8}.ep-table{width:100%;border-collapse:collapse;font-size:13px}.ep-table th{background-color:#0e1524;color:var(--ep-text-secondary);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.6px;padding:10px 16px;border-bottom:1px solid var(--ep-surface-border);text-align:left}.ep-table td{padding:12px 16px;border-bottom:1px solid var(--ep-surface-border-subtle);color:var(--ep-text-primary);vertical-align:middle}.ep-table tr:hover td{background-color:var(--ep-surface-hover)}.ep-input{background-color:#0b101c;border:1px solid var(--ep-surface-border);border-radius:6px;color:var(--ep-text-primary);padding:8px 12px;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ep-input:focus{border-color:var(--ep-cyan);box-shadow:0 0 0 2px var(--ep-cyan-glow)}.ep-input::-moz-placeholder{color:var(--ep-text-dim)}.ep-input::placeholder{color:var(--ep-text-dim)}.ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.ep-btn-primary{background-color:var(--ep-cyan);color:#08101c;font-weight:600}.ep-btn-primary:hover{background-color:#22d3ee;box-shadow:0 0 12px #06b6d466}.ep-btn-secondary{background-color:var(--ep-surface-subtle);border-color:var(--ep-surface-border);color:var(--ep-text-primary)}.ep-btn-secondary:hover{background-color:var(--ep-surface-hover);border-color:#374768}.ep-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:flex;justify-content:flex-end}.ep-drawer-panel{width:100%;max-width:580px;background-color:var(--ep-sidebar-bg);border-left:1px solid var(--ep-surface-border);height:100%;display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080;animation:epDrawerSlideIn .2s cubic-bezier(.16,1,.3,1)}@keyframes epDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ep-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.ep-modal-dialog{width:520px;max-width:95vw;background-color:var(--ep-surface);border:1px solid var(--ep-surface-border);border-radius:8px;box-shadow:0 20px 48px #000000b3;overflow:hidden;display:flex;flex-direction:column;max-height:90vh;animation:epModalFadeIn .15s ease-out}@keyframes epModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ep-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;cursor:pointer}.ep-switch input{opacity:0;width:0;height:0}.ep-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a263d;border:1px solid var(--ep-surface-border);border-radius:20px;transition:all .2s ease}.ep-switch-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:var(--ep-text-muted);border-radius:50%;transition:all .2s ease}.ep-switch input:checked+.ep-switch-slider{background-color:#06b6d433;border-color:var(--ep-cyan)}.ep-switch input:checked+.ep-switch-slider:before{transform:translate(18px);background-color:var(--ep-cyan);box-shadow:0 0 8px #06b6d499}.ep-spin{animation:epSpin 1s linear infinite}@keyframes epSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ep-page-container{width:100%;max-width:1440px;margin:0 auto;padding:24px 32px}.ep-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.ep-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ep-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.ep-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ep-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.ep-table-container{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--ep-surface-border);background-color:var(--ep-surface)}@media (min-width: 769px){.ep-mobile-only{display:none!important}}@media (max-width: 1024px){.ep-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.ep-grid-2{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.ep-desktop-only{display:none!important}.ep-mobile-only{display:flex!important}.ep-page-container{padding:16px 14px}.ep-page-header{flex-direction:column;align-items:stretch;gap:12px}.ep-header-actions{width:100%;justify-content:flex-start}.ep-toolbar{flex-direction:column;align-items:stretch}.ep-modal-dialog{width:94vw;margin:0 auto}}.ep-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:epFadeIn .2s ease}@keyframes epFadeIn{0%{opacity:0}to{opacity:1}}.ep-sidebar-drawer{position:fixed;top:0;bottom:0;left:0;width:280px;max-width:85vw;background-color:var(--ep-sidebar-bg);border-right:1px solid var(--ep-surface-border);z-index:95;display:flex;flex-direction:column;box-shadow:12px 0 32px #0009;animation:epSlideLeft .25s cubic-bezier(.16,1,.3,1)}@keyframes epSlideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 640px){.ep-grid-4{grid-template-columns:1fr}.ep-stat-card{padding:16px}}:root{--color-bg: #FDFCF8;--color-surface: #FFFFFF;--color-surface-raised: #F7F4EF;--color-border: rgba(26, 13, 6, .12);--color-border-subtle: rgba(26, 13, 6, .06);--color-text-primary: #1A0D06;--color-text-secondary: #54350E;--color-text-muted: #887B70;--color-accent: #D89400;--color-accent-hover: #B87010;--color-accent-bg: #F5E8D0;--color-accent-fg: #6B3410;--color-success: #2EA043;--color-success-bg: #E8F5EC;--color-success-fg: #1D6B2D;--color-warning: #D89400;--color-warning-bg: #F5EDDF;--color-warning-fg: #B87010;--color-danger: #D1242F;--color-danger-bg: #FCE8E9;--color-danger-fg: #8C1820;--color-info: #0056D8;--color-info-bg: #E6F0FF;--color-info-fg: #00378A;--color-gray: #6b7280;--color-gray-bg: #f3f4f6;--color-gray-fg: #374151;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--font-mono: "SF Mono", "Monaco", "Consolas", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-label: var(--text-xs);--text-body-sm: var(--text-sm);--text-body: var(--text-base);--text-heading-sm: var(--text-lg);--text-heading-md: var(--text-xl);--text-heading-lg: var(--text-2xl);--text-display: var(--text-3xl);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(26, 13, 6, .05);--shadow-md: 0 4px 6px -1px rgba(26, 13, 6, .05), 0 2px 4px -1px rgba(26, 13, 6, .03);--shadow-lg: 0 10px 15px -3px rgba(26, 13, 6, .1), 0 4px 6px -2px rgba(26, 13, 6, .05);--sidebar-width: 256px;--sidebar-width-collapsed: 72px;--header-height: 64px}body.new-ds{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}.ds-grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media (max-width: 1024px){.ds-grid-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.ds-grid-stats{grid-template-columns:1fr}}.ds-flex-row{display:flex;flex-direction:row}.ds-flex-col{display:flex;flex-direction:column}.ds-items-center{align-items:center}.ds-items-start{align-items:flex-start}.ds-justify-between{justify-content:space-between}.ds-justify-center{justify-content:center}.ds-w-full{width:100%}.ds-flex-1{flex:1}.ds-shrink-0{flex-shrink:0}:root{--accent: #D89400;--accent-hover: #6B3410;--accent-light: #F5E8D0;--accent-lighter: #FAF3E5;--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #F7F4EF;--text: #1A1A1A;--text-2: #555555;--text-3: #888888;--border: rgba(0, 0, 0, .1);--border-2: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .7);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .06);--green: #2EA043;--green-bg: #E8F5EC;--amber: #B87010;--amber-bg: #F5EDDF;--red: #D1242F;--red-bg: #FCE8E9;--gray-bg: #F2F2F2;--blob-1: rgba(216, 148, 0, .1);--blob-2: rgba(107, 52, 16, .06);--blob-3: rgba(184, 112, 16, .06);--grid-line: rgba(0, 0, 0, .025);--grid-overlay-opacity: .4;--radius-sm: 10px;--radius: 14px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 9999px;--sidebar-w: 256px;--sidebar-collapsed-w: 76px;--topbar-h: 72px;--font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif}[data-theme=dark]{--accent: #FFC21A;--accent-hover: #E6A900;--accent-light: #54350E;--accent-lighter: #38200D;--bg: #1A0D06;--surface: #29160B;--surface-2: #351D0D;--text: #FFF8E8;--text-2: #D2BDA3;--text-3: #9B8068;--border: rgba(255, 225, 170, .14);--border-2: rgba(255, 225, 170, .08);--glass-bg: rgba(41, 22, 11, .76);--glass-border: rgba(255, 225, 170, .14);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .5);--green: #30D158;--green-bg: rgba(48, 209, 88, .12);--amber: #FFD60A;--amber-bg: rgba(255, 214, 10, .1);--red: #FF453A;--red-bg: rgba(255, 69, 58, .12);--gray-bg: rgba(255, 255, 255, .06);--blob-1: rgba(242, 183, 5, .16);--blob-2: rgba(115, 47, 12, .18);--blob-3: rgba(213, 129, 18, .12);--grid-line: rgba(255, 255, 255, .03);--grid-overlay-opacity: 1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family, "Inter", sans-serif);background:#fdfcf8;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.desktop-only{display:flex}.mobile-only{display:none}.bg-blob{position:fixed;border-radius:50%;filter:blur(50px);pointer-events:none;z-index:0;transform:translateZ(0);will-change:transform;contain:layout paint}.bg-blob-1{width:600px;height:600px;top:-200px;right:-100px;background:radial-gradient(circle,var(--blob-1) 0%,transparent 70%)}.bg-blob-2{width:500px;height:500px;top:40%;left:-150px;background:radial-gradient(circle,var(--blob-2) 0%,transparent 70%)}.bg-blob-3{width:450px;height:450px;bottom:-150px;right:10%;background:radial-gradient(circle,var(--blob-3) 0%,transparent 70%)}.bg-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;opacity:var(--grid-overlay-opacity)}.app-shell{display:flex;min-height:100vh;position:relative;z-index:1;isolation:isolate}.app-main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s ease;position:relative;z-index:10}.app-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-w)}.app-content{flex:1;padding:32px 40px 48px;overflow-y:auto}.sidebar{width:var(--sidebar-w);position:fixed;left:0;top:0;bottom:0;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:width .2s ease,transform .2s ease}.sidebar.collapsed{width:var(--sidebar-collapsed-w)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px;min-height:var(--topbar-h);border-bottom:1px solid var(--border-2)}.sidebar-logo{color:var(--accent);display:flex}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar-brand-line1{font-size:14px;font-weight:600;letter-spacing:.5px;color:var(--text)}.sidebar-brand-line2{font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--accent-hover)}.sidebar-collapse-btn{margin-left:auto;padding:6px;border-radius:var(--radius-sm);color:var(--text-3);transition:color .15s,background .15s}.sidebar-collapse-btn:hover{color:var(--text);background:var(--accent-light)}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:20px 12px}.sidebar.collapsed .sidebar-collapse-btn{display:none}.sidebar-nav{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar-section{margin-bottom:12px}.sidebar-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-3);padding:8px 12px 6px}.sidebar.collapsed .sidebar-section-title{display:none}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-pill);color:var(--text-2);font-size:14px;font-weight:500;transition:background .15s,color .15s;position:relative}.sidebar-nav-item:hover{background:var(--accent-light);color:var(--accent-hover)}.sidebar-nav-item.active{background:var(--accent-hover);color:#fff}.sidebar-nav-item.active .sidebar-nav-icon{color:#fff}.sidebar-nav-icon{display:flex;color:var(--text-3);transition:color .15s}.sidebar-nav-item:hover .sidebar-nav-icon{color:var(--accent-hover)}.sidebar-nav-label{flex:1}.sidebar-nav-badge{background:var(--red);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--radius-pill);min-width:20px;text-align:center}.sidebar-nav-item.active .sidebar-nav-badge{background:#ffffff40}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-nav-label,.sidebar.collapsed .sidebar-nav-badge{display:none}.sidebar-expand-btn{padding:12px;margin:0 12px 12px;border-radius:var(--radius-sm);color:var(--text-3);display:flex;justify-content:center}.sidebar-expand-btn:hover{color:var(--text);background:var(--accent-light)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:99}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 40px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.topbar-menu-btn{display:none;padding:8px;color:var(--text);border-radius:var(--radius-sm)}.topbar-titles{flex:1;min-width:0}.topbar-title{font-size:20px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-description{font-size:13px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-search{position:relative;display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:280px;transition:border-color .15s,box-shadow .15s}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.topbar-search-icon{color:var(--text-3);display:flex}.topbar-search-input{border:none;background:none;outline:none;font-size:14px;color:var(--text);flex:1;width:100%}.topbar-search-input::-moz-placeholder{color:var(--text-3)}.topbar-search-input::placeholder{color:var(--text-3)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;z-index:200;max-height:360px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.search-result-item:hover{background:var(--accent-lighter)}.search-result-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent)}.search-result-label{font-size:14px;font-weight:500;color:var(--text);flex:1}.search-result-sublabel{font-size:12px;color:var(--text-3)}.topbar-icon-btn{position:relative;padding:9px;border-radius:var(--radius-pill);color:var(--text-2);transition:background .15s,color .15s}.topbar-icon-btn:hover{background:var(--accent-light);color:var(--accent)}.notif-badge{position:absolute;top:4px;right:4px;background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 4px}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-2);font-size:14px;font-weight:600}.notif-count{font-size:12px;font-weight:500;color:var(--text-3)}.notif-dropdown-body{max-height:360px;overflow-y:auto;padding:6px}.notif-empty{padding:24px;text-align:center;color:var(--text-3);font-size:14px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-sm)}.notif-item:hover{background:var(--accent-lighter)}.notif-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.notif-dot.severity-critical,.notif-dot.severity-high{background:var(--red)}.notif-dot.severity-medium{background:var(--amber)}.notif-dot.severity-low{background:var(--accent)}.notif-item-content{display:flex;flex-direction:column;gap:2px}.notif-item-title{font-size:13px;font-weight:500;color:var(--text)}.notif-item-sub{font-size:12px;color:var(--text-3)}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user-avatar{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.topbar-user-info{display:flex;flex-direction:column;line-height:1.2}.topbar-user-name{font-size:13px;font-weight:600;color:var(--text)}.topbar-user-status{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px}.topbar-user-status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;transition:all .18s ease;white-space:nowrap;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 2px 8px #78410838}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),#8B4513);box-shadow:0 4px 12px #6b341059;transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--accent-hover);color:var(--accent-hover);background:var(--accent-lighter)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{filter:brightness(.92)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{background:var(--accent-light);color:var(--accent-hover)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;text-transform:capitalize}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-default{background:var(--gray-bg);color:var(--text-2)}.badge-blue{background:var(--accent-light);color:var(--accent)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-gray{background:var(--gray-bg);color:var(--text-3)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.glass-card:not(.glass){background:var(--surface);border:1px solid var(--border)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;flex-wrap:wrap}.page-header-title{font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.page-header-description{font-size:14px;color:var(--text-3);margin-top:4px}.page-header-actions{display:flex;gap:10px;flex-shrink:0}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-select{padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s}.filter-select:hover{border-color:var(--accent)}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:500;transition:all .15s;white-space:nowrap}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.search-bar{position:relative;display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);min-width:260px;flex:1;max-width:400px;transition:border-color .15s,box-shadow .15s}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-icon{color:var(--text-3);display:flex}.search-input{border:none;background:none;outline:none;font-size:14px;color:var(--text);flex:1}.search-input::-moz-placeholder{color:var(--text-3)}.search-input::placeholder{color:var(--text-3)}.search-clear{padding:2px;color:var(--text-3);border-radius:50%;display:flex}.search-clear:hover{color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px 22px;box-shadow:var(--shadow-md);transition:transform .18s,box-shadow .18s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stat-card-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3)}.stat-card-icon{color:var(--accent);display:flex;padding:6px;border-radius:var(--radius-sm);background:var(--accent-light)}.stat-card-value{font-size:42px;font-weight:800;letter-spacing:-1px;color:var(--text);line-height:1}.stat-card-sublabel{font-size:12px;color:var(--text-3);margin-top:6px}.stat-green .stat-card-icon{color:var(--green);background:var(--green-bg)}.stat-amber .stat-card-icon{color:var(--amber);background:var(--amber-bg)}.stat-red .stat-card-icon{color:var(--red);background:var(--red-bg)}.dashboard-page{display:flex;flex-direction:column;gap:24px}.dashboard-hero{--text: #FFF8E8;--text-2: #D2BDA3;--text-3: #9B8068;--accent: #FFC21A;--accent-light: #54350E;--border: rgba(255, 225, 170, .14);--green: #30D158;--green-bg: rgba(48, 209, 88, .12);--red: #FF453A;--red-bg: rgba(255, 69, 58, .12);position:relative;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:40px 44px;background:linear-gradient(135deg,#29160b,#1a0d06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.dashboard-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:16px 16px;opacity:.6;pointer-events:none}.dashboard-hero-content{position:relative;z-index:1}.dashboard-hero-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:12px}.dashboard-hero-title{font-size:44px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--text)}.dashboard-hero-subtitle{font-size:15px;color:var(--text-2);margin-top:16px;max-width:420px;line-height:1.6}.dashboard-hero-shield{margin-top:20px}.dashboard-hero-visual{position:relative;z-index:1;flex-shrink:0}.hero-circle-ring{position:relative;width:200px;height:200px}.hero-circle-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-circle-pct{font-size:36px;font-weight:800;color:var(--accent)}.hero-circle-label{font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:1px}.dashboard-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.card-title{font-size:16px;font-weight:700;color:var(--text)}.card-subtitle{font-size:13px;color:var(--text-3)}.card-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--accent);transition:gap .15s}.card-link:hover{gap:6px}.dashboard-chart-card{padding:24px}.shield-distribution{display:flex;flex-direction:column;gap:14px}.shield-dist-bar{display:flex;height:14px;border-radius:var(--radius-pill);overflow:hidden;background:var(--gray-bg)}.shield-dist-segment{transition:width .3s ease}.shield-dist-segment.protected{background:var(--accent)}.shield-dist-segment.unprotected{background:var(--gray-bg)}.shield-dist-legend{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.protected{background:var(--accent)}.legend-dot.unprotected{background:var(--text-3);opacity:.3}.severity-bars{display:flex;flex-direction:column;gap:12px}.severity-bar-row{display:flex;align-items:center;gap:10px}.severity-bar-label{font-size:12px;font-weight:600;text-transform:capitalize;width:56px}.severity-bar-label.severity-critical,.severity-bar-label.severity-high{color:var(--red)}.severity-bar-label.severity-medium{color:var(--amber)}.severity-bar-label.severity-low{color:var(--accent)}.severity-bar-track{flex:1;height:8px;border-radius:var(--radius-pill);background:var(--gray-bg);overflow:hidden}.severity-bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .3s ease}.severity-bar-fill.severity-critical{background:var(--red)}.severity-bar-fill.severity-high{background:var(--red);opacity:.7}.severity-bar-fill.severity-medium{background:var(--amber)}.severity-bar-fill.severity-low{background:var(--accent)}.severity-bar-count{font-size:13px;font-weight:600;color:var(--text-2);width:20px;text-align:right}.dashboard-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-activity-card,.dashboard-alerts-card{padding:24px}.activity-chart{display:flex;align-items:flex-end;gap:12px;height:160px;padding-top:10px}.activity-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.activity-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.activity-chart-bar{width:60%;max-width:36px;background:var(--accent);border-radius:6px 6px 0 0;min-height:4px;transition:height .3s ease;opacity:.8}.activity-chart-bar:hover{opacity:1}.activity-chart-label{font-size:11px;color:var(--text-3);font-weight:500}.recent-alerts-list{display:flex;flex-direction:column;gap:12px}.recent-alerts-empty{padding:24px;text-align:center;color:var(--text-3);font-size:14px}.recent-alert-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border-2);transition:border-color .15s}.recent-alert-item:hover{border-color:var(--border)}.recent-alert-severity{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:var(--radius-sm);flex-shrink:0}.recent-alert-severity.severity-critical,.recent-alert-severity.severity-high{background:var(--red-bg);color:var(--red)}.recent-alert-severity.severity-medium{background:var(--amber-bg);color:var(--amber)}.recent-alert-severity.severity-low{background:var(--accent-light);color:var(--accent)}.recent-alert-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.recent-alert-title{font-size:14px;font-weight:600;color:var(--text)}.recent-alert-location{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-alert-time{font-size:11px;color:var(--text-3)}.shield-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.shield-status.shield-sm{font-size:12px}.shield-status.shield-lg{font-size:16px}.shield-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.shield-protected .shield-status-dot{background:var(--green)}.shield-protected .shield-status-label{color:var(--green)}.shield-partially .shield-status-dot{background:var(--amber)}.shield-partially .shield-status-label{color:var(--amber)}.shield-unprotected .shield-status-dot{background:var(--red)}.shield-unprotected .shield-status-label{color:var(--red)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.entity-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .18s;display:flex;flex-direction:column;gap:14px}.entity-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.entity-card-header{display:flex;align-items:center;gap:12px}.entity-card-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.entity-card-info{flex:1;min-width:0}.entity-card-name{font-size:16px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-card-code{font-size:12px;color:var(--text-3);font-weight:500}.entity-card-desc{font-size:13px;color:var(--text-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entity-card-meta{font-size:13px;color:var(--text-3);display:flex;align-items:center;gap:6px}.entity-card-stats{display:flex;gap:20px;padding-top:12px;border-top:1px solid var(--border-2)}.entity-stat{display:flex;flex-direction:column;gap:2px}.entity-stat-value{font-size:20px;font-weight:700;color:var(--text)}.entity-stat-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.entity-card-actions{display:flex;gap:8px;justify-content:flex-end}.icon-action{padding:7px;border-radius:var(--radius-sm);color:var(--text-3);display:flex;transition:background .15s,color .15s}.icon-action:hover{background:var(--accent-light);color:var(--accent)}.icon-action.danger:hover{background:var(--red-bg);color:var(--red)}.data-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:14px 16px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border-2);white-space:nowrap}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--accent-lighter)}.data-table tbody tr:last-child td{border-bottom:none}.table-primary{font-weight:600;color:var(--text)}.table-secondary{color:var(--text-2)}.table-mono{font-family:SF Mono,Monaco,monospace;font-size:13px;color:var(--text-2)}.table-actions{display:flex;gap:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:fadeIn .15s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:540px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalIn .18s ease}.modal-sm{max-width:420px}.modal-md{max-width:540px}.modal-lg{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-2)}.modal-title{font-size:18px;font-weight:700;color:var(--text)}.modal-close{padding:6px;border-radius:var(--radius-sm);color:var(--text-3);display:flex;transition:background .15s,color .15s}.modal-close:hover{background:var(--gray-bg);color:var(--text)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-2);display:flex;justify-content:flex-end}.modal-footer-actions{display:flex;gap:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-stack{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{font-size:13px;font-weight:600;color:var(--text-2)}.form-input,.form-select,.form-textarea{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-textarea{resize:vertical;min-height:80px}.form-error{font-size:12px;color:var(--red);font-weight:500}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border);border-radius:6px;background:var(--surface);transition:all .15s;flex-shrink:0}.checkbox-label input:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.confirm-message{font-size:14px;color:var(--text-2);line-height:1.6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;position:relative}.empty-state-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:16px 16px;opacity:.4;pointer-events:none}.empty-state-icon{color:var(--text-3);margin-bottom:16px;position:relative;z-index:1}.empty-state-title{font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--text);margin-bottom:8px;position:relative;z-index:1}.empty-state-message{font-size:14px;color:var(--text-3);max-width:360px;line-height:1.6;margin-bottom:20px;position:relative;z-index:1}.empty-state-action{position:relative;z-index:1}.error-state{display:flex;flex-direction:column;align-items:center;padding:60px 40px;text-align:center}.error-state-icon{color:var(--red);margin-bottom:16px}.error-state-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.error-state-message{font-size:14px;color:var(--text-3);margin-bottom:20px}.skeleton{background:linear-gradient(90deg,var(--gray-bg) 25%,var(--border-2) 50%,var(--gray-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{display:flex;flex-direction:column;gap:10px;padding:20px}.skeleton-row{display:flex;align-items:center;gap:12px;padding:14px 16px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:280px;max-width:400px;animation:toastIn .2s ease;cursor:pointer}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-icon{display:flex;flex-shrink:0}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--red)}.toast-info .toast-icon{color:var(--accent)}.toast-message{flex:1;font-size:14px;font-weight:500;color:var(--text)}.toast-close{padding:2px;color:var(--text-3);display:flex;border-radius:50%}.toast-close:hover{color:var(--text)}.shield-overview-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.shield-overview-card{padding:24px;display:flex;align-items:center;gap:32px}.shield-overview-circle{position:relative;width:140px;height:140px;flex-shrink:0}.shield-overview-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.shield-overview-pct{font-size:28px;font-weight:800;color:var(--accent)}.shield-overview-label{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:1px}.shield-overview-stats{display:flex;flex-direction:column;gap:14px;flex:1}.shield-overview-stat{display:flex;align-items:center;gap:10px}.shield-overview-stat-val{font-size:18px;font-weight:700;color:var(--text)}.shield-overview-stat-label{font-size:13px;color:var(--text-3)}.shield-summary-card{padding:24px}.shield-summary-list{display:flex;flex-direction:column;gap:10px}.shield-summary-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border-2)}.shield-summary-name{flex:1;font-size:14px;font-weight:500;color:var(--text)}.shield-summary-count{font-size:13px;color:var(--text-3)}.shield-hierarchy{display:flex;flex-direction:column;gap:12px;margin-bottom:80px}.shield-hierarchy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.shield-selection-controls{display:flex;gap:8px}.shield-building{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.shield-building-row{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:background .1s}.shield-building-row:hover{background:var(--accent-lighter)}.shield-chevron{color:var(--text-3);display:flex;padding:4px}.shield-chevron.small{padding:2px}.shield-checkbox{width:22px;height:22px;border:2px solid var(--border);border-radius:6px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .15s}.shield-checkbox.checked{background:var(--accent);border-color:var(--accent)}.shield-building-name{font-size:16px;font-weight:700;color:var(--text)}.shield-building-meta{font-size:13px;color:var(--text-3);flex:1}.shield-building-status{flex-shrink:0}.shield-labs{padding:0 20px 12px 52px;display:flex;flex-direction:column;gap:8px}.shield-lab{border-left:2px solid var(--border);padding-left:12px}.shield-lab-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-radius:var(--radius);transition:background .1s}.shield-lab-row:hover{background:var(--accent-lighter)}.shield-lab-name{font-size:14px;font-weight:600;color:var(--text)}.shield-lab-meta{font-size:12px;color:var(--text-3);flex:1}.shield-lab-status{flex-shrink:0}.shield-computers{padding:4px 0 8px 22px;display:flex;flex-direction:column;gap:4px}.shield-computer-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--radius-sm);transition:background .1s}.shield-computer-row:hover{background:var(--surface-2)}.shield-computer-name{font-size:13px;font-weight:600;color:var(--text);min-width:80px}.shield-computer-asset{font-size:12px;color:var(--text-3)}.shield-computer-ip{font-size:12px;color:var(--text-3);font-family:SF Mono,monospace;flex:1}.shield-toggle-btn{padding:6px;border-radius:var(--radius-sm);color:var(--text-3);display:flex;transition:all .15s}.shield-toggle-btn:hover{background:var(--accent-light);color:var(--accent)}.shield-empty-lab{padding:12px 14px;font-size:13px;color:var(--text-3)}.shield-add-btn,.shield-delete-btn{padding:6px;border-radius:var(--radius-sm);color:var(--text-3);display:flex;transition:all .15s;flex-shrink:0}.shield-add-btn:hover{background:var(--accent-light);color:var(--accent)}.shield-delete-btn:hover{background:var(--red-bg);color:var(--red)}.shield-add-lab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-top:8px;border-radius:var(--radius-pill);border:1px dashed var(--border);background:transparent;color:var(--text-3);font-size:13px;font-weight:600;transition:all .15s}.shield-add-lab-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lighter)}.bulk-action-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:var(--radius-pill);box-shadow:var(--shadow-xl);z-index:200;animation:bulkBarIn .2s ease}@keyframes bulkBarIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.bulk-action-count{font-size:14px;font-weight:700;color:var(--text)}.bulk-action-buttons{display:flex;gap:8px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-card{display:flex;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow-sm);transition:box-shadow .15s;overflow:hidden}.alert-card:hover{box-shadow:var(--shadow-md)}.alert-card.severity-border-critical,.alert-card.severity-border-high{border-left:3px solid var(--red)}.alert-card.severity-border-medium{border-left:3px solid var(--amber)}.alert-card.severity-border-low{border-left:3px solid var(--accent)}.alert-severity-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 10px;border-radius:var(--radius-sm);flex-shrink:0;height:-moz-fit-content;height:fit-content}.alert-severity-badge.severity-critical,.alert-severity-badge.severity-high{background:var(--red-bg);color:var(--red)}.alert-severity-badge.severity-medium{background:var(--amber-bg);color:var(--amber)}.alert-severity-badge.severity-low{background:var(--accent-light);color:var(--accent)}.alert-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.alert-card-title{font-size:15px;font-weight:700;color:var(--text)}.alert-card-desc{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:8px}.alert-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);flex-wrap:wrap}.meta-sep{color:var(--text-3);opacity:.5}.alert-card-time{font-weight:500}.alert-attachment{color:var(--accent)}.alert-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.alert-action-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-2);border:1px solid var(--border);background:var(--surface);transition:all .15s;white-space:nowrap}.alert-action-btn:hover{border-color:var(--accent);color:var(--accent)}.alert-action-btn.resolve:hover{border-color:var(--green);color:var(--green)}.alert-action-btn.dismiss:hover{border-color:var(--text-3);color:var(--text-3)}.audit-timeline{display:flex;flex-direction:column;gap:0;position:relative}.audit-timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--border)}.audit-timeline-item{display:flex;gap:16px;padding:16px 0;position:relative}.audit-timeline-marker{width:40px;height:40px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;position:relative}.audit-timeline-marker.system{border-color:var(--text-3);color:var(--text-3)}.audit-timeline-content{flex:1;min-width:0;padding-top:4px}.audit-timeline-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.audit-timeline-action{font-size:14px;font-weight:700;color:var(--text)}.audit-timeline-time{font-size:12px;color:var(--text-3)}.audit-timeline-desc{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:6px}.audit-timeline-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);flex-wrap:wrap}.audit-timeline-user{font-weight:600;color:var(--text-2)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-bottom:24px}.settings-section{padding:24px}.settings-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.settings-section-icon{width:36px;height:36px;border-radius:var(--radius);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.settings-section-icon.danger{background:var(--red-bg);color:var(--red)}.settings-section-title{font-size:16px;font-weight:700;color:var(--text)}.settings-section-body{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.setting-row-text{display:flex;flex-direction:column;gap:2px}.setting-row-label{font-size:14px;font-weight:600;color:var(--text)}.setting-row-desc{font-size:12px;color:var(--text-3)}.setting-divider{height:1px;background:var(--border-2)}.setting-avatar{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.theme-selector{display:flex;gap:10px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:600;transition:all .15s;flex:1}.theme-option:hover{border-color:var(--accent);color:var(--accent)}.theme-option.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.toggle-switch{width:44px;height:26px;border-radius:var(--radius-pill);background:var(--gray-bg);border:1px solid var(--border);position:relative;transition:background .2s;flex-shrink:0}.toggle-switch.on{background:var(--green);border-color:var(--green)}.toggle-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.toggle-switch.on .toggle-switch-thumb{transform:translate(18px)}.settings-save-bar{display:flex;justify-content:flex-end;padding:16px 0}.infra-nav-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.infra-nav-card{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;transition:transform .15s,box-shadow .15s}.infra-nav-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.infra-nav-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.infra-nav-info{display:flex;flex-direction:column;flex:1}.infra-nav-count{font-size:28px;font-weight:800;color:var(--text);line-height:1}.infra-nav-label{font-size:13px;color:var(--text-3)}.infra-nav-arrow{color:var(--text-3)}.infra-hierarchy{display:flex;flex-direction:column;gap:12px}.infra-building-card{overflow:hidden}.infra-building-header{display:flex;align-items:center;gap:12px;padding:18px 22px;cursor:pointer;transition:background .1s}.infra-building-header:hover{background:var(--accent-lighter)}.infra-building-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.infra-building-info{flex:1}.infra-building-name{font-size:16px;font-weight:700;color:var(--text)}.infra-building-meta{font-size:13px;color:var(--text-3)}.infra-building-stats{display:flex;gap:16px;font-size:13px;color:var(--text-2)}.infra-labs-list{padding:0 22px 16px 74px;display:flex;flex-direction:column;gap:10px}.infra-lab-item{border-left:2px solid var(--border);padding-left:14px}.infra-lab-header{display:flex;align-items:center;gap:10px;padding:8px 0}.infra-lab-icon{color:var(--text-3);display:flex}.infra-lab-name{font-size:14px;font-weight:600;color:var(--text)}.infra-lab-meta{font-size:12px;color:var(--text-3);flex:1}.infra-computers-list{padding:4px 0 8px;display:flex;flex-direction:column;gap:4px}.infra-computer-item{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:13px;color:var(--text-2)}.infra-computer-name{font-weight:600;color:var(--text);min-width:70px}.infra-computer-asset{font-size:12px;color:var(--text-3)}.infra-computer-os{font-size:12px;color:var(--text-3);flex:1}.infra-empty{padding:12px 14px;font-size:13px;color:var(--text-3)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:16px 16px;opacity:.6;pointer-events:none}.login-tri{position:absolute;background:url(/placement-bg_1.png) center / contain no-repeat;pointer-events:none;z-index:0;opacity:.12;mix-blend-mode:multiply}.login-tri-1{width:320px;height:240px;top:8%;left:4%;transform:rotate(-12deg);opacity:.1}.login-tri-2{width:260px;height:195px;bottom:10%;right:6%;transform:rotate(15deg);opacity:.13}.login-tri-3{width:200px;height:150px;top:55%;left:38%;transform:rotate(-6deg);opacity:.08}.login-container{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;width:100%;gap:60px;padding:40px;position:relative;z-index:1}.login-left{display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500;color:var(--text);letter-spacing:.5px}.login-brand svg{color:var(--accent)}.login-hero{flex:1;display:flex;flex-direction:column;justify-content:center}.login-hero-title{font-size:56px;font-weight:800;letter-spacing:-2px;line-height:1.05;color:var(--text)}.login-hero-subtitle{font-size:18px;color:var(--text-2);margin-top:24px;line-height:1.6}.login-footer{font-size:12px;color:var(--text-3)}.login-right{display:flex;align-items:center}.login-card{width:100%;padding:36px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.login-card-title{font-size:24px;font-weight:800;color:var(--text)}.login-card-subtitle{font-size:14px;color:var(--text-3);margin-top:6px;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:18px}.login-form-row{display:flex;justify-content:space-between;align-items:center}.login-error{padding:10px 14px;background:var(--red-bg);color:var(--red);border-radius:var(--radius);font-size:13px;font-weight:500}.login-submit{width:100%;justify-content:center}.login-demo{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-2)}.login-demo-btn{font-size:13px;color:var(--accent-hover);font-weight:600;transition:opacity .15s}.login-demo-btn:hover{opacity:.7}.login-demo-info{display:flex;flex-direction:column;gap:2px;margin-top:8px;font-size:12px;color:var(--text-3);font-family:SF Mono,monospace}.page-container{display:flex;flex-direction:column}.dashboard-loading{padding:40px;color:var(--text-3);font-size:14px}.page-container,.dashboard-page{max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:24px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.dashboard-hero{position:relative;border-radius:var(--radius-lg);padding:32px 36px;background:linear-gradient(135deg,#d894001f,#140a0599);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dashboard-hero-content{position:relative;z-index:1;max-width:600px}.dashboard-hero-label{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent);margin-bottom:8px}.dashboard-hero-title{font-size:28px;font-weight:800;line-height:1.15;color:#fff;margin-bottom:10px}.dashboard-hero-title-accent{color:var(--accent)}.dashboard-hero-subtitle{font-size:14px;color:#ffffffb3;line-height:1.5}.dashboard-hero-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.hero-circle-ring{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.hero-circle-ring svg{width:140px;height:140px}.hero-circle-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-circle-pct{font-size:26px;font-weight:800;color:#fff;line-height:1}.hero-circle-label{font-size:11px;color:#fff9;margin-top:2px}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.filter-select{padding:8px 14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;cursor:pointer;outline:none}.filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-chip{padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-chip:hover{border-color:var(--accent);color:var(--text)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.alerts-list{display:flex;flex-direction:column;gap:12px;width:100%}.alert-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;gap:16px}.alert-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.alert-card.severity-border-critical,.alert-card.severity-border-high{border-left:4px solid var(--red)}.alert-card.severity-border-medium{border-left:4px solid var(--amber)}.alert-card.severity-border-low{border-left:4px solid var(--green)}.alert-severity-badge{padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.alert-severity-badge.severity-critical,.alert-severity-badge.severity-high{background:var(--red-bg);color:var(--red);border:1px solid rgba(255,69,58,.3)}.alert-severity-badge.severity-medium{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(255,214,10,.3)}.alert-severity-badge.severity-low{background:var(--green-bg);color:var(--green);border:1px solid rgba(48,209,88,.3)}.alert-card-body{flex:1;min-width:0}.alert-card-top{display:flex;align-items:center;gap:10px;margin-bottom:4px}.alert-card-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.alert-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}.meta-sep{color:var(--border)}.alert-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.alert-action-btn{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all .15s ease}.alert-action-btn:hover{background:var(--accent-light);border-color:var(--accent)}.alert-action-btn.resolve:hover{background:var(--green-bg);border-color:var(--green);color:var(--green)}@media (max-width: 1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts-row,.dashboard-bottom-row,.shield-overview-row,.infra-nav-cards,.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex}.sidebar{transform:translate(-100%);width:var(--sidebar-w)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-w)}.app-main,.app-main.sidebar-collapsed{margin-left:0}.app-content{padding:20px 16px 48px}.topbar{padding:0 16px}.topbar-search{display:none}.dashboard-hero{flex-direction:column;padding:28px 24px;gap:20px}.dashboard-hero-title{font-size:32px}.dashboard-hero-visual{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-header-title{font-size:22px}.page-header{flex-direction:column;align-items:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.search-bar{max-width:none}.filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.login-container{grid-template-columns:1fr;gap:30px;padding:20px}.login-hero-title{font-size:36px}.form-row{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 12px}.alert-card{flex-direction:column;gap:12px}.alert-card-actions{flex-direction:row;flex-wrap:wrap}.bulk-action-bar{left:16px;right:16px;transform:none;flex-wrap:wrap;justify-content:center}}@media (max-width: 375px){.stat-grid{grid-template-columns:1fr}.dashboard-hero-title{font-size:26px}.login-hero-title{font-size:28px}.login-hero-subtitle{font-size:15px}.login-card{padding:24px}}