:root{--cvsi-bg: #f4f7fb;--cvsi-surface: #ffffff;--cvsi-surface-2: #eef2f8;--cvsi-surface-dark: #0d1b2a;--cvsi-border: #d8e0ea;--cvsi-text: #172033;--cvsi-muted: #667085;--cvsi-primary: #3b82f6;--cvsi-primary-2: #2563eb;--cvsi-success: #12b76a;--cvsi-monitor: #b45309;--cvsi-warning: #f79009;--cvsi-danger: #f04438;--cvsi-radius-sm: 8px;--cvsi-radius-md: 12px;--cvsi-radius-lg: 16px;--cvsi-shadow-card: 0 1px 3px rgba(16, 24, 40, .08);--cvsi-space-1: 4px;--cvsi-space-2: 8px;--cvsi-space-3: 12px;--cvsi-space-4: 16px;--cvsi-space-6: 24px;--cvsi-space-8: 32px;--cvsi-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--cvsi-sidebar-bg: var(--cvsi-surface-dark);--cvsi-sidebar-text: #b6c2d9;--cvsi-sidebar-text-active: #ffffff;--cvsi-sidebar-border: #1b2b3f;--bg: var(--cvsi-bg);--panel: var(--cvsi-surface);--panel-2: var(--cvsi-surface-2);--border: var(--cvsi-border);--text: var(--cvsi-text);--muted: var(--cvsi-muted);--accent: var(--cvsi-primary);--accent-2: var(--cvsi-primary-2);--good: var(--cvsi-success);--monitor: var(--cvsi-monitor);--warn: var(--cvsi-warning);--bad: var(--cvsi-danger);--radius: var(--cvsi-radius-md);--mono: var(--cvsi-mono)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:26px;margin:0 0 4px;font-weight:800}h2{font-size:16px;margin:0 0 12px}h3{font-size:13px;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}code,.mono{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--cvsi-sidebar-bg);border-right:1px solid var(--cvsi-sidebar-border);padding:20px 14px;display:flex;flex-direction:column}.brand{padding:4px 10px 20px}.brand .brand-name{font-weight:800;font-size:20px;color:#fff;letter-spacing:.01em}.brand .brand-sub{font-size:12px;color:var(--cvsi-sidebar-text);margin-top:2px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.sidebar-close{display:none}.nav{display:flex;flex-direction:column;gap:2px}.nav a{color:var(--cvsi-sidebar-text);padding:10px 12px;border-radius:var(--cvsi-radius-sm);display:flex;justify-content:space-between;font-weight:500}.nav a:hover{background:#ffffff0f;text-decoration:none;color:var(--cvsi-sidebar-text-active)}.nav a.active{background:var(--accent);color:#fff}.nav a.disabled{opacity:.4;pointer-events:none}.nav-group{margin-bottom:4px}.nav-group-label{font-size:11px;color:#b6c2d999;text-transform:uppercase;letter-spacing:.06em;padding:14px 12px 6px;font-weight:700}.nav-group:first-child .nav-group-label{padding-top:4px}.sidebar .spacer{flex:1}.sidebar .who{font-size:12px;color:var(--cvsi-sidebar-text);padding:10px;border-top:1px solid var(--cvsi-sidebar-border)}.sidebar .who strong{color:var(--cvsi-sidebar-text-active)}.company-switcher{padding:0 10px 14px;margin-bottom:10px;border-bottom:1px solid var(--cvsi-sidebar-border)}.company-switcher label{margin:0 0 6px;color:var(--cvsi-sidebar-text)}.website-link{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px;padding:7px 10px;border:1px solid rgba(18,183,106,.4);border-radius:var(--cvsi-radius-sm);color:#6ee7b7;font-size:12px;font-weight:700}.website-link:hover{background:#12b76a1f;color:#a7f3d0;text-decoration:none}.login-website-link{margin-top:10px}.docs-link{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;padding:7px 10px;border:1px solid rgba(59,130,246,.4);border-radius:var(--cvsi-radius-sm);color:#93c5fd;font-size:12px;font-weight:700}.docs-link:hover{background:#3b82f61f;color:#bfdbfe;text-decoration:none}.main{padding:28px 32px;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap;gap:8px}.env-pill{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:var(--panel)}.env-pill.live{color:var(--good);border-color:var(--good)}.env-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;margin-bottom:16px;border-radius:var(--cvsi-radius-sm);background:var(--panel);border:1px solid var(--border);font-size:12px;color:var(--muted);box-shadow:var(--cvsi-shadow-card)}.env-banner strong{color:var(--text)}.mobile-header{display:none;position:sticky;top:0;z-index:30;height:56px;align-items:center;gap:12px;padding:0 16px;background:var(--cvsi-sidebar-bg);color:#fff;border-bottom:1px solid var(--cvsi-sidebar-border)}.mobile-header button.menu-btn{background:transparent;border:1px solid var(--cvsi-sidebar-border);color:#fff;padding:6px 10px;border-radius:8px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:var(--cvsi-shadow-card)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-main-rail{grid-template-columns:2fr 1fr}@media (max-width: 1023px){.grid.cols-main-rail{grid-template-columns:1fr}}.kpi{font-size:26px;font-weight:700}.kpi-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--muted)}.kpi-dot.good{background:var(--good)}.kpi-dot.warning{background:var(--warn)}.kpi-dot.critical{background:var(--bad)}.placeholder-panel{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;border:1px dashed var(--border);border-radius:var(--cvsi-radius-sm);background:var(--panel-2)}.placeholder-panel .ph-title{font-weight:700;color:var(--text)}.placeholder-panel .ph-body{font-size:13px;color:var(--muted);max-width:420px}.onboarding-empty{padding:6px 2px}.onboarding-empty h4{margin:0 0 6px;font-size:15px}.onboarding-empty ol{margin:8px 0 12px;padding-left:20px}.onboarding-empty ol li{margin-bottom:4px}.onboarding-empty .meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600}tr:last-child td{border-bottom:none}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 10px;font-size:14px;font-family:inherit}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer;min-height:36px}button:hover{background:var(--accent-2)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}button.danger{background:var(--bad)}button.small{padding:5px 10px;font-size:12px;min-height:28px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.right{margin-left:auto}.pill{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.pill.good{color:var(--good);border-color:var(--good)}.pill.monitor{color:var(--monitor);border-color:var(--monitor)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.bad{color:var(--bad);border-color:var(--bad)}.muted{color:var(--muted)}.error{background:#f0443814;border:1px solid var(--bad);color:#b42318;padding:10px 12px;border-radius:8px;margin:10px 0}.notice{background:#3b82f614;border:1px solid var(--accent);padding:10px 12px;border-radius:8px;margin:10px 0}.secret{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--border);padding:8px 10px;border-radius:8px;word-break:break-all}.login-wrap{display:grid;place-items:center;min-height:100vh;background:var(--bg)}.login-card{width:380px;max-width:92vw}.toast{position:fixed;bottom:20px;right:20px;background:var(--panel);border:1px solid var(--border);padding:12px 16px;border-radius:8px;z-index:50;box-shadow:var(--cvsi-shadow-card)}.toast.good{border-color:var(--good)}.toast.bad{border-color:var(--bad)}.skeleton{background:linear-gradient(90deg,var(--panel-2),var(--border),var(--panel-2));border-radius:6px;height:14px;animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.letterhead{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--border);padding-bottom:10px;margin-bottom:16px}.letterhead .tenant-name{font-size:16px;font-weight:700}.letterhead .doc-meta{font-size:12px;color:var(--muted);text-align:right}.fingerprint{font-family:var(--mono);font-size:13px;letter-spacing:.02em}.attestation{border-top:1px solid var(--border);margin-top:20px;padding-top:12px;font-size:12px;color:var(--muted)}.attestation .sig-line{border-top:1px solid var(--muted);width:220px;margin-top:32px;padding-top:4px}@media print{.sidebar,.topbar .row,nav,button,.toast{display:none!important}.shell{display:block}.main{padding:0;max-width:none}.card{border:none;box-shadow:none;page-break-inside:avoid}body,.card{background:#fff;color:#000}.letterhead,.letterhead .doc-meta{border-color:#000;color:#000}.pill{border-color:#000!important;color:#000!important;background:none!important}.muted{color:#444}a[href]:after{content:none}}@media (max-width: 1023px){.shell{display:block}.mobile-header{display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;max-width:82vw;height:100vh;transform:translate(-100%);transition:transform .2s ease;z-index:50;overflow-y:auto}.sidebar.is-open{transform:translate(0);box-shadow:2px 0 24px #0006}.sidebar-close{display:inline-flex;align-self:flex-end;background:transparent;border:1px solid var(--cvsi-sidebar-border);color:#fff;border-radius:8px;padding:4px 10px;margin-bottom:8px;min-height:28px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40;border:none;padding:0}.main{padding:16px}.grid.cols-3{grid-template-columns:1fr 1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid.cols-2,.grid.cols-3,.kpi-row{grid-template-columns:1fr}.topbar{align-items:flex-start}}@media (max-width: 767px){table{display:block;overflow-x:auto;white-space:nowrap}}