.shield-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.shield-sidebar{border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 88%,#000);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh}.shield-brand{font-family:"Instrument Serif",Georgia,serif;font-size:1.75rem;margin:0;letter-spacing:-.02em}.shield-brand-sub{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.shield-nav{display:grid;gap:.2rem;overflow:auto;flex:1}.shield-nav a{text-decoration:none;color:var(--muted);padding:.45rem .6rem;border-radius:.45rem;font-size:.9rem}.shield-nav a:hover{color:var(--text);background:#2dd4bf0f}.shield-nav a.active{color:var(--text);background:#2dd4bf1f;border:1px solid rgba(45,212,191,.25)}.shield-logout{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:.45rem;padding:.5rem .65rem;cursor:pointer;font:inherit}.shield-logout:hover{color:var(--text)}.shield-main{padding:1.5rem clamp(1rem,3vw,2rem);min-width:0}@media (max-width: 900px){.shield-layout{grid-template-columns:1fr}.shield-sidebar{position:static;height:auto}.shield-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:2.5rem clamp(1.25rem,4vw,4rem)}.landing-brand{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(3rem,8vw,5rem);letter-spacing:-.03em;margin:0 0 .75rem;line-height:1.05}.landing-lede{max-width:28rem;color:var(--muted);font-size:1.15rem;margin:0}.landing-panel{background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-panel h2{margin:0 0 .35rem;font-size:1.15rem}.stack{display:grid;gap:.75rem;margin-top:1rem}.stack label{display:grid;gap:.35rem;font-size:.85rem;color:var(--muted)}.input{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:.5rem;padding:.65rem .75rem;font:inherit}.btn-primary,.btn-sm{border:1px solid transparent;border-radius:.5rem;font:inherit;cursor:pointer}.btn-primary{background:var(--accent-strong);color:#041016;font-weight:600;padding:.7rem 1rem}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-sm{background:transparent;color:var(--text);border-color:var(--border);padding:.3rem .55rem;font-size:.8rem}.btn-sm:hover{border-color:var(--accent)}.error{color:#fca5a5}.success{color:#86efac}.muted{color:var(--muted)}.landing-links{margin-top:1rem;font-size:.9rem;color:var(--muted)}.landing-links a,.btn-link{color:var(--accent)}.btn-link{background:none;border:none;cursor:pointer;font:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.15em}.btn-link:hover,.landing-links a:hover{color:var(--accent-strong)}.login-otp-hint{color:var(--muted);font-size:.9rem;margin:0}.login-otp-hint a{color:var(--accent)}.page{display:grid;gap:1rem}.page-header h1{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:2rem;letter-spacing:-.02em}.page-header .muted{margin:.35rem 0 0}.threat-banner{padding:.85rem 1rem;border-radius:.65rem;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.threat-critical{background:#f871711f;border-color:#f8717159}.threat-high{background:#fb923c1f;border-color:#fb923c59}.threat-elevated,.threat-moderate{background:#facc151a;border-color:#facc154d}.threat-low{background:#2dd4bf1a;border-color:#2dd4bf4d}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.stat{border:1px solid var(--border);border-radius:.65rem;padding:.85rem 1rem;background:color-mix(in srgb,var(--bg-elevated) 80%,transparent);display:grid;gap:.25rem}.stat span{color:var(--muted);font-size:.8rem}.stat strong{font-size:1.5rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.two-col h2{margin:0 0 .5rem;font-size:1rem}.plain-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.plain-list li{border:1px solid var(--border);border-radius:.5rem;padding:.55rem .7rem;background:color-mix(in srgb,var(--bg-elevated) 70%,transparent);font-size:.9rem}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:.65rem}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--bg-elevated) 90%,transparent)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.mono.small{font-size:.72rem;word-break:break-all}.sev{display:inline-block;padding:.1rem .4rem;border-radius:999px;border:1px solid var(--border);font-size:.72rem;text-transform:uppercase;margin-right:.35rem}.sev-critical{color:#fecaca;border-color:#f8717173}.sev-high{color:#fdba74;border-color:#fb923c73}.sev-medium{color:#fde68a;border-color:#facc1566}.sev-low,.sev-info{color:#99f6e4;border-color:#2dd4bf66}.health-healthy{color:#86efac}.health-degraded{color:#fde68a}.health-isolated{color:#fca5a5}.health-offline{color:var(--muted)}.cell-title{font-weight:600}.cell-meta{color:var(--muted);font-size:.8rem;margin-top:.2rem}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.inline-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.inline-form .input{width:auto;min-width:10rem;flex:1}@media (max-width: 960px){.landing{grid-template-columns:1fr;padding-top:1.5rem}.stat-grid,.two-col{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.stat-grid,.two-col{grid-template-columns:1fr}}:root{--bg: #07111a;--bg-elevated: #0d1a26;--text: #e7f0f5;--muted: #8aa0b2;--accent: #2dd4bf;--accent-strong: #5eead4;--border: rgba(138, 160, 178, .2);--radius: .75rem;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(1100px 520px at 8% -8%,rgba(45,212,191,.14),transparent 55%),radial-gradient(900px 480px at 92% 0%,rgba(56,189,248,.1),transparent 50%),linear-gradient(180deg,#07111a,#0a1520)}a{color:var(--accent-strong)}