@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}body{color:#eaf0f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e14;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}code{font-family:SF Mono,Cascadia Code,Fira Code,ui-monospace,monospace;font-size:.85em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}::selection{color:#fff;background:#3b8beb4d}:root{--bg-deep:#0a0e14;--bg-surface:#111820;--bg-card:#ffffff08;--bg-card-hover:#ffffff0e;--bg-elevated:#ffffff0f;--border:#ffffff12;--border-hover:#64b5f64d;--text-primary:#eaf0f6;--text-secondary:#8899a6;--text-muted:#5c6f7e;--accent:#3b8beb;--accent-glow:#3b8beb26;--warn:#f57c00;--warn-glow:#f57c001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-glow:0 0 20px #3b8beb0f;--transition:.2s cubic-bezier(.4, 0, .2, 1)}.app-shell{background:var(--bg-deep);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;grid-template-columns:220px 1fr;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:grid}.nav-rail{border-right:1px solid var(--border);background:linear-gradient(180deg, #111820cc 0%, var(--bg-deep) 100%);flex-direction:column;gap:1.5rem;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:0 .5rem;font-size:.85rem;font-weight:800}.nav-rail nav{flex-direction:column;gap:.25rem;display:flex}.nav-rail a{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);border:1px solid #0000;padding:.6rem .75rem;font-size:.88rem;font-weight:500;text-decoration:none}.nav-rail a:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-rail a.active{background:var(--accent-glow);color:#fff;border-color:#3b8beb33}.main{width:100%;max-width:1400px;padding:1.75rem clamp(1.25rem,3vw,2.5rem)}.stack{flex-direction:column;gap:1.25rem;display:flex}.stack.narrow{max-width:480px}.dashboard{flex-direction:column;gap:1.75rem;display:flex}.dash-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.25rem;display:flex}.dash-header-left{flex-direction:column;gap:.75rem;display:flex}.dash-title{letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:700}.dash-actions{gap:.5rem;display:flex}.dash-header-right{text-align:right;flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.scan-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.82rem;display:inline-flex}.scan-badge-label{color:var(--text-muted);font-weight:500}.scan-badge-value{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.pill-warm{background:var(--warn-glow);color:var(--warn);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:600}.scan-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.82rem}.scan-time-tz{color:var(--text-muted);margin-left:.4rem;font-size:.72rem}.btn-ghost{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;padding:.4rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--accent-glow)}.btn-primary-sm{border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#3b8beb26,#3b8beb14);border:1px solid #3b8beb4d;align-items:center;padding:.4rem .75rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary-sm:hover{background:linear-gradient(135deg,#3b8beb40,#3b8beb1f);box-shadow:0 0 16px #3b8beb1f}.btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:all var(--transition);border:1px solid #3b8beb4d;justify-content:center;align-items:center;padding:.55rem .9rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 0 20px #3b8beb33}.btn.secondary{color:var(--text-primary);border-color:var(--border);background:0 0}.btn.secondary:hover{border-color:var(--border-hover);background:var(--accent-glow)}.btn.small{padding:.35rem .6rem;font-size:.8rem}.kpi-section{flex-direction:column;gap:1.5rem;display:flex}.kpi-group{flex-direction:column;gap:.6rem;display:flex}.kpi-group-header{align-items:baseline;gap:.75rem;display:flex}.kpi-group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0;font-size:.75rem;font-weight:700}.kpi-group-note{color:var(--text-muted);font-size:.78rem}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);padding:.85rem 1rem}.card.kpi{flex-direction:column;gap:.3rem;display:flex;position:relative;overflow:visible}.card.kpi.warn{border-color:#f57c0040}.card.kpi.warn .kpi-value{color:var(--warn)}.kpi-card-hover{cursor:pointer}.kpi-card-hover:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.kpi-card-hover.warn:hover{border-color:#f57c0066;box-shadow:0 0 20px #f57c000f}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:500}.kpi-value{font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:800;line-height:1.1}.spark-tooltip{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:10;pointer-events:none;padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.data-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tab-bar{border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;gap:0;padding:0 .5rem;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.85rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent)}.tab-count{min-width:1.4rem;height:1.2rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.7rem;font-weight:700;display:inline-flex}.tab-btn.active .tab-count{background:var(--accent-glow);color:var(--accent)}.tab-content{min-height:200px;padding:1.25rem}.sub-tab-bar{gap:.35rem;margin-bottom:1rem;display:flex}.sub-tab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.sub-tab:hover{color:var(--text-secondary);border-color:#ffffff1f}.sub-tab.active{background:var(--accent-glow);color:var(--text-primary);border-color:#3b8beb59}.sub-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.sub-tab.active .sub-count{color:var(--accent)}.tab-desc{color:var(--text-muted);margin:0 0 .75rem;font-size:.82rem}.empty-state{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.88rem}.table-wrap{border-radius:var(--radius-sm);border:1px solid var(--border);overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:.6rem .75rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;z-index:1;background:#ffffff05;font-size:.72rem;font-weight:600;position:sticky;top:0}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:#ffffff08}.data-table td{color:var(--text-secondary);font-variant-numeric:tabular-nums}.loading-state{color:var(--text-muted);text-align:center;padding:4rem 0;font-size:.95rem}.error-state{color:#ef5350;text-align:center;padding:4rem 0}.muted{color:var(--text-secondary)}.muted.small{font-size:.82rem}.error{color:#ef5350}.pill{background:#ffffff0f;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.field{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.field input{border-radius:var(--radius-sm);border:1px solid var(--border);color:#fff;transition:border-color var(--transition);background:#0000004d;padding:.55rem .65rem}.field input:focus{border-color:var(--accent);outline:none}.toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.kpi-category{flex-direction:column;gap:.5rem;display:flex}.category-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0;font-size:.75rem;font-weight:700}.category-note{color:var(--text-muted);margin:-.25rem 0 0;font-size:.82rem}.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;width:100%;max-width:860px;max-height:90vh;padding:1.5rem;display:flex;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.modal-filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.modal-filters label{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.78rem;display:flex}.modal-filters input{border:1px solid var(--border);color:#fff;transition:border-color var(--transition);background:#0000004d;border-radius:6px;padding:.4rem .55rem;font-size:.82rem}.modal-filters input:focus{border-color:var(--accent);outline:none}.modal-table{max-height:280px;overflow-y:auto}.modal-related h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:.85rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;display:grid}.related-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition);flex-direction:column;gap:.3rem;padding:.6rem .75rem;display:flex}.related-item:hover{border-color:var(--border-hover)}.page-head{flex-direction:column;gap:.35rem;display:flex}.page-head.page-head-row{flex-direction:row;justify-content:space-between;align-items:center}.page-head.page-head-row .scan-info{text-align:right;flex-direction:column;gap:.15rem;display:flex}.page-head h1{margin:0;font-size:1.5rem;font-weight:700}@media (width<=720px){.app-shell{grid-template-columns:1fr}.nav-rail{flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:.75rem 1rem;position:static}.nav-rail nav{flex-direction:row}.dash-header{flex-direction:column}.dash-header-right{align-items:flex-start}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}