:root{--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-canvas:#f5f7fa;--color-surface:#fff;--color-surface-raised:#fbfcfe;--color-text:#172033;--color-muted:#526077;--color-border:#d5dce7;--color-primary:#2457d6;--color-primary-hover:#1946b4;--color-progress:#087f73;--color-progress-soft:#d8f3ee;--color-warning:#8a4b08;--color-warning-bg:#fff4d6;--color-warning-border:#e3a008;--color-danger:#b42318;--color-danger-bg:#fee4e2;--focus-ring:0 0 0 3px #2457d647;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-panel:0 8px 28px #17203314;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-canvas);font-family:var(--font-sans)}body{min-width:320px;margin:0;font-size:14px;line-height:20px}button,input{font:inherit;min-height:44px}button{border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;padding:0 var(--space-4);font-weight:600}button:hover{background:var(--color-primary-hover)}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:0}input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-3)}label,.eyebrow{color:var(--color-muted);font-size:12px;font-weight:600;line-height:16px}h1,h2,p{margin-top:0}h1{margin-bottom:var(--space-1);font-size:28px;line-height:34px}h2{margin-bottom:var(--space-4);font-size:16px;line-height:24px}.skip-link{background:var(--color-text);color:#fff;left:var(--space-4);padding:var(--space-2) var(--space-3);z-index:3;position:fixed;top:-50px}.skip-link:focus{top:var(--space-4)}.shadow-banner{background:var(--color-warning-bg);border-bottom:1px solid var(--color-warning-border);color:var(--color-warning);gap:var(--space-2);padding:var(--space-2) var(--space-4);text-align:center;justify-content:center;display:flex}.top-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:60px;padding:var(--space-2) max(24px, calc((100vw - 1440px) / 2 + 24px));justify-content:space-between;align-items:center;display:flex}.product-name{font-weight:700}.quiet-button{border-color:var(--color-border);color:var(--color-primary);background:0 0}.quiet-button:hover{background:#edf2ff}.app-shell{gap:var(--space-8);max-width:1440px;padding:var(--space-8) 24px var(--space-12);grid-template-columns:repeat(12,minmax(0,1fr));margin:0 auto;display:grid}.app-shell>*{grid-column:1/-1}.page-header{align-items:end;gap:var(--space-6);justify-content:space-between;display:flex}.connection-status{color:var(--color-progress);margin:0}.start-scan-form{align-items:end;gap:var(--space-2);grid-template-columns:minmax(140px,1fr) auto;display:grid}.start-scan-form label{grid-column:1/-1}.start-scan-form .form-message{grid-column:1/-1;min-height:20px;margin:0}.metric-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.metric-card,.panel,.active-scans,.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.metric-card{padding:var(--space-4)}.metric-card p{color:var(--color-muted);margin-bottom:var(--space-2)}.metric-card strong{font-variant-numeric:tabular-nums;font-size:28px;line-height:34px}.overview-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.panel,.active-scans{padding:var(--space-6)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}caption{caption-side:top;text-align:left;height:0;overflow:hidden}th{color:var(--color-muted);text-align:left;font-size:12px;font-weight:600}th,td{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-2);white-space:nowrap}.status{font-weight:600}.status-healthy{color:var(--color-progress)}.status-degraded,.status-standby{color:var(--color-warning)}.status-unhealthy{color:var(--color-danger)}.health-list{gap:var(--space-3);margin:0;display:grid}.health-list div{justify-content:space-between;gap:var(--space-3);display:flex}.health-list dt{color:var(--color-muted)}.health-list dd{text-align:right;margin:0}.health-action{background:var(--color-danger-bg);border-left:3px solid var(--color-danger);margin:var(--space-4) 0 0;padding:var(--space-3)}.section-heading{justify-content:space-between;align-items:baseline;display:flex}.section-heading p{color:var(--color-muted);margin:0}.scan-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.scan-row{border-top:1px solid var(--color-border);align-items:center;gap:var(--space-4);padding-top:var(--space-3);grid-template-columns:minmax(110px,.7fr) minmax(230px,2fr) auto;display:grid}.scan-row div:first-child{display:grid}.scan-row div:first-child span,.progress-wrap>span{color:var(--color-muted);font-size:12px}.progress-wrap{gap:var(--space-1);display:grid}.progress-rail{background:var(--color-progress-soft);border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-rail>span{background:var(--color-progress);transform-origin:0;height:100%;transition:transform .12s linear;display:block}.progress-rail>i{background-image:repeating-linear-gradient(90deg,#0000 0 calc(4.166% - 1px),#17203340 calc(4.166% - 1px) 4.166%);position:absolute;inset:0}.empty-state{color:var(--color-muted);margin-bottom:0}.login-page{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:grid}.login-card{box-shadow:var(--shadow-panel);max-width:420px;padding:var(--space-8);width:min(100%,420px)}.login-card form{gap:var(--space-2);display:grid}.login-card input{margin-bottom:var(--space-2)}.form-message{color:var(--color-danger);min-height:20px;margin:0}.form-success{color:var(--color-progress);min-height:20px;margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=800px){.top-nav{padding-inline:16px}.app-shell{gap:var(--space-6);padding:var(--space-6) 16px var(--space-8)}.page-header{flex-direction:column;align-items:stretch}.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.scan-row{grid-template-columns:1fr;align-items:stretch}.start-scan-form{grid-template-columns:1fr}.start-scan-form button{grid-column:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}.progress-rail__fill{background:var(--color-progress);transform-origin:0;height:100%;transition:transform .12s linear}.progress-rail__notches{display:flex;position:absolute;inset:0}.progress-rail__notches i{border-right:1px solid var(--color-surface);opacity:.45;flex:1 1 0;transition:opacity .12s linear}.progress-rail__notches i[data-active=true]{opacity:1}.progress-rail__notches i:last-child{border-right:0}.scan-inspector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);gap:var(--space-6);padding:var(--space-6);display:grid}.scan-inspector--panel{top:var(--space-6);align-self:start;width:420px;position:sticky}.scan-inspector--overlay{border-radius:var(--radius-lg) 0 0 var(--radius-lg);z-index:2;width:420px;max-width:100vw;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.scan-inspector--modal{z-index:2;border:0;border-radius:0;width:100%;position:fixed;inset:0;overflow-y:auto}.scan-inspector .job-id{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scan-inspector .health-list dd{align-items:center;gap:var(--space-2);justify-content:flex-end;display:flex}.phase-timeline{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.phase-timeline li{border-left:3px solid var(--color-border);gap:var(--space-3);padding:var(--space-1) var(--space-3);justify-content:space-between;display:flex}.phase-timeline li[data-status=done]{border-left-color:var(--color-progress)}.phase-timeline li[data-status=current]{border-left-color:var(--color-primary);font-weight:600}.phase-timeline li[data-status=skipped]{border-left-color:var(--color-warning-border)}.phase-timeline li[data-status=failed]{border-left-color:var(--color-danger);font-weight:600}.phase-timeline li[data-status=failed] .phase-timeline__note{color:var(--color-danger)}.phase-timeline li[data-status=cancelled]{border-left-color:var(--color-warning);font-weight:600}.phase-timeline li[data-status=cancelled] .phase-timeline__note{color:var(--color-warning)}.phase-timeline__note{color:var(--color-muted);font-variant-numeric:tabular-nums}.scan-inspector__outcome{color:var(--color-muted);margin:0}.scan-inspector__copy-state{color:var(--color-muted);font-size:12px}@media (prefers-reduced-motion:reduce){.progress-rail__fill,.progress-rail__notches i{transition:none}}