:root{--bg-primary:#09090b;--bg-secondary:#131316;--bg-card:#16161a;--bg-hover:#1e1e23;--bg-elevated:#22222a;--bg-glass:#16161ad9;--bg-glass-border:#2a2a32;--border-color:#27272f;--border-hover:#3a3a44;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-blue:#06b6d4;--accent-blue-light:#22d3ee;--accent-green:#22c55e;--accent-red:#ef4444;--accent-amber:#f59e0b;--accent-purple:#a855f7;--accent-teal:#14b8a6;--accent-cyan:#22d3ee;--accent-primary:#06b6d4;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--advisory:#a855f7;--critical-bg:#ef444414;--major-bg:#f59e0b14;--minor-bg:#3b82f614;--advisory-bg:#a855f714;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d, 0 2px 4px #0003;--shadow-lg:0 10px 25px #0006;--shadow-glow:0 0 8px #06b6d41a;--shadow-glow-blue:0 2px 12px #06b6d426;--shadow-glow-green:0 2px 12px #22c55e26;--shadow-glow-red:0 2px 12px #ef444426;--sidebar-bg:linear-gradient(180deg, #0d0d10 0%, #131316 100%);--sidebar-border:#27272f;--sidebar-title:#f9fafb;--sidebar-subtitle:#6b7280;--sidebar-link:#9ca3af;--sidebar-link-hover-bg:#06b6d414;--sidebar-link-hover:#fff;--sidebar-link-active-bg:#06b6d41f;--sidebar-link-active:#22d3ee;--filter-input-bg:#1c1c22;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--status-green:#22c55e;--status-amber:#f59e0b;--status-red:#ef4444}[data-theme=light]{--bg-primary:#eceef2;--bg-secondary:#f4f5f7;--bg-card:#fff;--bg-hover:#e4e7ec;--bg-elevated:#f9fafb;--bg-glass:#ffffffeb;--bg-glass-border:#00000017;--border-color:#0000001a;--border-hover:#0000002e;--text-primary:#0f172a;--text-secondary:#374151;--text-muted:#6b7280;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 12px #0000000f;--shadow-glow:0 0 12px #06b6d41a;--shadow-glow-blue:0 2px 16px #06b6d41f;--sidebar-bg:linear-gradient(180deg, #fff 0%, #f4f5f7 100%);--sidebar-border:#00000014;--sidebar-title:#0f172a;--sidebar-subtitle:#6b7280;--sidebar-link:#374151;--sidebar-link-hover-bg:#06b6d414;--sidebar-link-hover:#0f172a;--sidebar-link-active-bg:#06b6d41f;--sidebar-link-active:#0891b2;--filter-input-bg:#e8ebf0;--scrollbar-thumb:#0000001f;--scrollbar-thumb-hover:#00000038;--critical-bg:#ef444414;--major-bg:#f59e0b14;--minor-bg:#3b82f614;--advisory-bg:#a855f714}[data-theme=light] body,[data-theme=light] html{background:#eceef2}[data-theme=light] .vqi-sidebar{-webkit-backdrop-filter:blur(20px)saturate(1.4);border-right:1px solid #00000014;box-shadow:1px 0 20px #0000000a;background:#fffffff2!important}[data-theme=light] .vqi-sidebar svg[aria-label=Nike\ Swoosh] path{fill:#111827!important}[data-theme=light] .vqi-main{color:#0f172a;background:#eceef2!important}[data-theme=light] .vqi-main .page{color:#111827}[data-theme=light] .vqi-live-stats{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1e293b!important;background:#fffffff2!important;border-bottom:1px solid #00000014!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#0f172a!important;background:#e8ebf0!important;border-color:#0000001f!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#9ca3af!important}[data-theme=light] .card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1px solid #00000014;box-shadow:0 2px 8px #0000000d,0 1px 2px #00000008}[data-theme=light] .card-glass:hover{border-color:#00000024;box-shadow:0 6px 24px #00000014}[data-theme=light] .card{box-shadow:0 2px 8px #0000000d,0 1px 2px #00000008;background:#fff!important;border-color:#00000014!important}[data-theme=light] .page-title{color:#0f172a}[data-theme=light] .page-subtitle{color:#475569}.vqi-kpi-card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=light] .vqi-kpi-card{box-shadow:0 2px 8px #0000000d,0 1px 2px #00000008;background:#fff!important;border:1px solid #00000014!important}.vqi-chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px}[data-theme=light] .vqi-chart-card{box-shadow:0 2px 8px #0000000d,0 1px 2px #00000008;background:#fff!important;border:1px solid #00000014!important}[data-theme=light] .vqi-swoosh-watermark path{fill:#111827!important}[data-theme=light] .vqi-widget-desktop{opacity:1}[data-theme=light] .vqi-dash-grid>div:last-child>div{color:var(--text-primary)}.vqi-sidebar,.vqi-main,.vqi-live-stats,.vqi-dash-header,.vqi-dash-subheader,.vqi-dash-content,.vqi-kpi-card,.vqi-chart-card,.card-glass,.card{transition:background .3s,border-color .3s,color .3s,box-shadow .3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{text-transform:uppercase;letter-spacing:-.5px;font-family:Helvetica Neue,Futura,sans-serif;font-weight:900}#root{height:100%}a{color:var(--accent-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-blue-light);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}select option{background:var(--bg-elevated);color:var(--text-primary)}.vqi-main{color:var(--text-primary);background:var(--bg-primary)!important}.vqi-main .page{color:var(--text-primary)}.vqi-main .page-title{letter-spacing:-.03em;text-transform:uppercase;font-weight:900}.layout{min-height:100vh;display:flex}.sidebar-version{color:var(--sidebar-subtitle);text-align:center;margin-top:8px;font-size:.65rem}.main-content{flex:1;min-width:0;min-height:100vh}.page{width:100%;max-width:1800px;margin:0 auto;padding:28px 32px}.page-header{margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:6px;font-size:.95rem;line-height:1.5}.card-glass{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:border-color .2s,box-shadow .2s}.card-glass:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.card-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.dash-bar{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.dash-bar-left{align-items:center;gap:4px;display:flex}.dash-bar-title{color:var(--text-primary);letter-spacing:.3px;font-size:1.1rem;font-weight:700}.dash-bar-badge{background:var(--bg-elevated);color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;border-radius:20px;margin-left:8px;padding:2px 10px;font-size:.65rem;font-weight:800}.dash-bar-right{align-items:center;gap:10px;display:flex}.category-toggle{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:3px;display:flex}.category-toggle-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:all .2s}.category-toggle-btn:hover{color:var(--text-primary);background:#ffffff0a}.category-toggle-btn.active{color:var(--accent-blue);background:#3b82f626;font-weight:700}.quality-pulse{border:1px solid var(--bg-glass-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#3b82f60f 0%,#14b8a60a 50%,#a855f70a 100%);justify-content:space-between;align-items:center;gap:40px;padding:32px 36px;animation:.6s fadeInUp;display:flex;position:relative;overflow:hidden}.quality-pulse:before{content:"";background:linear-gradient(90deg,#0000,#3b82f64d,#14b8a64d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.quality-pulse:after{content:"";pointer-events:none;background:radial-gradient(at 80%,#3b82f60d 0%,#0000 60%);position:absolute;inset:0}.pulse-left{z-index:1;flex:1;min-width:0;position:relative}.pulse-header{align-items:center;margin-bottom:12px;display:flex}.pulse-tag{letter-spacing:3px;color:var(--accent-blue);text-transform:uppercase;font-size:.72rem;font-weight:800}.pulse-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;font-size:1.85rem;font-weight:800;line-height:1.2}.pulse-sub{color:var(--text-secondary);max-width:520px;margin-bottom:20px;font-size:.95rem;line-height:1.6}.pulse-actions{gap:10px;display:flex}.pulse-right{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;display:flex;position:relative}.pulse-stats{align-items:center;gap:16px;display:flex}.pulse-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.pulse-stat-val{color:var(--text-primary);font-size:1.25rem;font-weight:700}.pulse-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.pulse-stat-divider{background:var(--border-color);width:1px;height:28px}.metric-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s;animation:.5s both fadeInUp;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-3px)}.metric-card:active{transform:translateY(-1px)}.metric-card-accent{width:100%;height:3px}.metric-card-body{padding:20px 22px 18px}.metric-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.metric-card-type-badge{letter-spacing:1px;text-transform:uppercase;border:1.5px solid;border-radius:3px;padding:3px 8px;font-size:.62rem;font-weight:800}.metric-card-arrow{color:var(--text-muted);opacity:0;transition:opacity .2s,transform .2s;transform:translate(-6px)}.metric-card:hover .metric-card-arrow{opacity:1;transform:translate(0)}.metric-card-icon-row{margin-bottom:12px}.metric-card-icon{border-radius:var(--radius-md);background:var(--bg-elevated);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-card-value{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:4px;font-size:2.2rem;font-weight:800;line-height:1}.metric-card-label{color:var(--text-primary);margin-bottom:6px;font-size:.92rem;font-weight:700}.metric-card-sub{color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:6px;padding-top:8px;font-size:.76rem}.metric-card-chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.mini-chip{background:var(--bg-elevated);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:500}.echo-trend{align-items:center;gap:3px;margin-bottom:4px;font-size:.72rem;font-weight:600;display:inline-flex}.echo-trend.trend-positive{color:var(--accent-green)}.echo-trend.trend-negative{color:var(--accent-red)}.echo-trend.trend-neutral{color:var(--text-muted)}.echo-progress{margin-top:4px}.echo-progress-track{background:var(--bg-elevated);border-radius:2px;width:100%;height:4px;overflow:hidden}.echo-progress-fill{border-radius:2px;height:100%;transition:width .6s}.echo-progress-label{color:var(--text-muted);margin-top:2px;font-size:.65rem;display:block}.overview-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.overview-stage-card{cursor:default;transition:border-color .2s,box-shadow .2s}.overview-stage-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.overview-stage-header{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.overview-stage-icon{align-items:center;gap:5px;display:flex}.overview-stage-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.overview-stage-name{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:800}.overview-stage-count{color:#fff;background:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;font-size:.6rem;font-weight:700;display:flex}.overview-metric-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.overview-metric-label{color:var(--text-secondary);font-size:.85rem}.overview-metric-value{color:var(--text-primary);font-size:.9rem;font-weight:800}.section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.section-header-left{align-items:center;gap:8px;display:flex}.section-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:700}.section-link{color:var(--text-muted);align-items:center;gap:4px;font-size:.82rem;font-weight:600;transition:color .2s;display:flex}.section-link:hover{color:var(--accent-blue)}.severity-overview{margin-bottom:var(--spacing-lg)}.severity-row{gap:var(--spacing-md);margin-top:var(--spacing-sm);grid-template-columns:repeat(4,1fr);display:grid}.severity-chip{flex-direction:column;gap:8px;display:flex}.severity-chip-bar{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.severity-chip-fill{border-radius:3px;min-width:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.severity-chip-info{align-items:center;gap:6px;display:flex}.severity-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.severity-chip-count{color:var(--text-primary);font-size:1.1rem;font-weight:700}.severity-chip-label{color:var(--text-muted);flex:1;font-size:.82rem;font-weight:500}.severity-chip-pct{color:var(--text-secondary);font-size:.78rem;font-weight:700}.inspection-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.inspection-card{cursor:pointer;animation:.5s both fadeInUp}.inspection-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.inspection-card--fail{border-left:3px solid var(--accent-red)}.inspection-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.inspection-card-status{align-items:center;gap:6px;display:flex}.inspection-card-time{color:var(--text-muted);align-items:center;gap:4px;font-size:.78rem;display:flex}.inspection-card-name{color:var(--text-primary);margin-bottom:4px;font-size:1.05rem;font-weight:600}.inspection-card-meta{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.inspection-card-footer{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding-top:12px;display:flex}.inspection-card-findings{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:.82rem;display:flex}.inspection-card-findings-count{color:var(--text-primary);font-weight:700}.mini-severity-bar{background:var(--bg-elevated);border-radius:3px;flex:1;min-width:50px;height:5px;display:flex;overflow:hidden}.mini-severity-seg{min-width:3px;height:100%}.mini-severity-seg.seg-critical{background:var(--accent-red)}.mini-severity-seg.seg-major{background:var(--accent-amber)}.mini-severity-seg.seg-minor{background:var(--accent-blue)}.mini-severity-seg.seg-advisory{background:var(--accent-purple)}.product-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{cursor:pointer;animation:.5s both fadeInUp}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.product-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.product-card-style{color:var(--text-secondary);margin-bottom:14px;font-size:.78rem}.product-card-bottom{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding-top:12px;display:flex}.product-card-stat{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:flex}.product-card-stat-val{color:var(--text-primary);font-weight:700}.product-card-health{flex:1;align-items:center;gap:6px;display:flex}.health-bar-mini{background:var(--bg-elevated);border-radius:3px;flex:1;height:5px;overflow:hidden}.health-bar-mini-fill{border-radius:3px;min-width:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.product-card-health-pct{color:var(--text-primary);min-width:28px;font-size:.7rem;font-weight:700}.product-card-arrow{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .2s,transform .2s;transform:translate(-4px)}.product-card:hover .product-card-arrow{opacity:1;transform:translate(0)}.btn{border:1px solid var(--border-color);cursor:pointer;letter-spacing:.02em;color:var(--text-primary);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);text-decoration:none}.btn-primary{color:#000;background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#0000;font-weight:700;box-shadow:0 2px 12px #06b6d44d}.btn-primary:hover{color:#000;background:linear-gradient(135deg,#22d3ee,#06b6d4);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.btn-glow{position:relative}.btn-glow:after{content:"";border-radius:inherit;filter:blur(12px);opacity:0;z-index:-1;background:linear-gradient(135deg,#3b82f666,#2563eb33);transition:opacity .3s;position:absolute;inset:-2px}.btn-glow:hover:after{opacity:1}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #ffffff1a}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff26}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 2px 8px #ef444440}.btn-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.btn-sm{padding:7px 14px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.badge-sm{padding:3px 9px;font-size:.7rem}.badge-critical{background:var(--critical-bg);color:var(--status-red);border:1px solid #ef444433}.badge-major{background:var(--major-bg);color:var(--status-amber);border:1px solid #f59e0b33}.badge-minor{background:var(--minor-bg);color:var(--accent-blue);border:1px solid #3b82f633}.badge-advisory{background:var(--advisory-bg);color:var(--advisory);border:1px solid #a855f733}.badge-pass{color:var(--status-green);background:#22c55e1f;border:1px solid #22c55e33}.badge-fail{background:var(--critical-bg);color:var(--status-red);border:1px solid #ef444433}.badge-conditional{background:var(--major-bg);color:var(--status-amber);border:1px solid #f59e0b33}.badge-pending{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0d}.badge-analyzing{background:var(--minor-bg);color:var(--accent-blue);border:1px solid #3b82f633}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--filter-input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:11px 14px;font-family:inherit;font-size:.92rem;transition:all .25s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;cursor:pointer;color:var(--text-secondary);transition:all .25s}.dropzone:hover,.dropzone.active{border-color:var(--accent-blue);background:#3b82f60a}.comparison-container{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.comparison-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.comparison-panel-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:14px 18px;font-size:.82rem;font-weight:600}.comparison-panel img{width:100%;height:auto;display:block}.finding-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background:#fff3b038;border:1px solid #eab30840;transition:border-color .2s,box-shadow .2s,background .2s}.finding-card:hover{background:#fff3b059;border-color:#eab30866;box-shadow:0 2px 8px #eab3081f}.finding-card.severity-critical{border-left:4px solid var(--danger);background:#ffe6e640}.finding-card.severity-major{border-left:4px solid var(--warning)}.finding-card.severity-minor{border-left:4px solid var(--accent-blue);background:#dbeafe33}.finding-card.severity-advisory{border-left:4px solid var(--advisory);background:#f3e8ff33}.finding-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.finding-meta{gap:var(--spacing-md);color:var(--text-muted);margin-top:var(--spacing-sm);font-size:.82rem;display:flex}.score-grid{gap:var(--spacing-md);text-align:center;grid-template-columns:repeat(6,1fr);display:grid}.score-item .score-value{font-size:2rem;font-weight:700;line-height:1}.score-item .score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.78rem}.summary-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);min-width:0;display:flex;position:relative;overflow:hidden}.summary-card .card-icon{border-radius:var(--radius-md);background:var(--bg-elevated);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.summary-card .card-content{min-width:0;overflow:hidden}.summary-card .card-content h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.82rem;font-weight:500}.summary-card .big-number{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.big-number.positive{color:var(--accent-green)}.big-number.negative{color:var(--accent-red)}.summary-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.summary-card-link{cursor:pointer;transition:transform .25s,box-shadow .25s;position:relative}.summary-card-link .summary-card-hint{opacity:0;color:var(--text-muted);flex-shrink:0;transition:opacity .2s,transform .2s;transform:translate(-4px)}.summary-card-link:hover .summary-card-hint{opacity:1;transform:translate(0)}.summary-card-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.loading-state{padding:64px var(--spacing-xl);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;display:flex}.loading-state:before{content:"";border:3px solid #3b82f61a;border-top-color:var(--accent-blue);width:40px;height:40px;margin-bottom:var(--spacing-md);border-radius:50%;animation:.7s linear infinite spin}.empty-state{text-align:center;padding:48px var(--spacing-xl);color:var(--text-muted)}.empty-state h3{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1rem}.empty-state p{color:var(--text-secondary);font-size:.85rem}.alert{border-radius:var(--radius-md);margin-bottom:var(--spacing-md);align-items:center;gap:10px;padding:12px 16px;font-size:.85rem;font-weight:500;animation:.3s slideInDown;display:flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-error{color:var(--status-red);background:#ef44441a;border:1px solid #ef444433}.alert-success{color:var(--status-green);background:#22c55e1a;border:1px solid #22c55e33}.timeline-connector{background:var(--border-color);z-index:0;width:2px;position:absolute;top:24px;bottom:24px;left:23px}.timeline-stage{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);z-index:1;display:flex;position:relative}.timeline-dot-wrapper{flex-direction:column;align-items:center;width:48px;min-width:48px;padding-top:16px;display:flex}.timeline-dot{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.timeline-inspection-link{background:var(--bg-elevated);border-radius:var(--radius-md);color:inherit;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;text-decoration:none;transition:background .15s,box-shadow .15s;display:flex}.timeline-inspection-link:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none}.drilldown-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto}.drilldown-table{border-collapse:separate;border-spacing:0;width:100%}.drilldown-table th{background:var(--bg-elevated);text-align:left;color:var(--text-muted);border-bottom:2px solid var(--border-color);z-index:10;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 16px;font-size:.8rem;font-weight:600;position:sticky;top:0}.drilldown-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:13px 16px;font-size:.88rem;transition:background .15s}.drilldown-table tbody tr{transition:background .15s}.drilldown-table tbody tr:hover{background:#3b82f608}.drilldown-table tbody tr:last-child td{border-bottom:none}.drilldown-table tbody tr.row-fail{background:#ef444408}.drilldown-table tbody tr.row-fail:hover{background:#ef44440f}.severity-bar{background:var(--bg-elevated);border-radius:3px;flex:1;min-width:80px;height:6px;display:flex;overflow:hidden}.severity-bar-seg{min-width:3px;height:100%;transition:width .3s}.severity-bar-seg.seg-critical{background:var(--danger)}.severity-bar-seg.seg-major{background:var(--warning)}.severity-bar-seg.seg-minor{background:var(--accent-blue)}.severity-bar-seg.seg-advisory{background:var(--advisory)}.health-bar{background:var(--bg-elevated);border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.health-bar-fill{border-radius:3px;min-width:3px;height:100%;transition:width .4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes vqiPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s both fadeInUp}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f60d}50%{box-shadow:0 0 30px #3b82f61f}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.insights-cta{margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg,#a855f70f,#3b82f60a);border:1px solid #a855f71f;align-items:center;gap:16px;padding:16px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.6s both fadeInUp;display:flex}.insights-cta:hover{border-color:#a855f740;transform:translateY(-2px);box-shadow:0 4px 20px #a855f71a}.insights-cta-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent-purple);background:linear-gradient(135deg,#a855f726,#3b82f61a);flex-shrink:0;justify-content:center;align-items:center;display:flex}.insights-cta-body{flex:1;min-width:0}.insights-cta-body h3{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;font-weight:700}.insights-cta-body p{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.insights-cta-arrow{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .2s,transform .2s;transform:translate(-6px)}.insights-cta:hover .insights-cta-arrow{opacity:1;transform:translate(0)}.insights-page{max-width:1800px;font-size:15px}.insights-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.insights-header-left{align-items:center;gap:16px;display:flex}.insights-header-left .page-title{font-size:1.8rem}.insights-header-left .page-subtitle{color:var(--text-secondary);font-size:.95rem}.insights-icon-wrap{border-radius:var(--radius-md);width:52px;height:52px;color:var(--accent-purple);background:linear-gradient(135deg,#a855f726,#3b82f61a);justify-content:center;align-items:center;display:flex}.insights-engine-badge{background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:.78rem;font-weight:700;display:inline-flex}.insights-kpi-row{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(5,1fr);display:grid}.insights-kpi{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:18px 20px;transition:border-color .2s,box-shadow .2s;animation:.4s both fadeInUp;display:flex}.insights-kpi:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.insights-kpi-icon{border-radius:var(--radius-sm);background:var(--bg-elevated);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.insights-kpi-data{flex-direction:column;gap:2px;min-width:0;display:flex}.insights-kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.7rem;font-weight:800;line-height:1}.insights-kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:600}.insights-alert-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.insight-alert{border-radius:var(--radius-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-glass-border);gap:16px;padding:20px 22px;transition:border-color .25s,box-shadow .25s;animation:.5s both fadeInUp;display:flex}.insight-alert:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.insight-alert--alert{border-left:3px solid var(--accent-red)}.insight-alert--warning{border-left:3px solid var(--accent-amber)}.insight-alert--positive{border-left:3px solid var(--accent-green)}.insight-alert--info{border-left:3px solid var(--accent-blue)}.insight-alert-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.insight-alert-icon.severity-critical{background:var(--critical-bg);color:var(--accent-red)}.insight-alert-icon.severity-major{background:var(--major-bg);color:var(--accent-amber)}.insight-alert-icon.severity-minor{background:var(--minor-bg);color:var(--accent-blue)}.insight-alert-icon.severity-advisory{background:var(--advisory-bg);color:var(--accent-purple)}.insight-alert-body h4{color:var(--text-primary);margin-bottom:6px;font-size:1rem;font-weight:700}.insight-alert-body p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.insights-trend{margin-bottom:var(--spacing-lg)}.trend-direction-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.trend-direction-badge.trend-improving{color:var(--accent-green);background:#22c55e1f}.trend-direction-badge.trend-declining{color:var(--accent-red);background:#ef44441f}.trend-direction-badge.trend-stable{color:var(--accent-blue);background:#3b82f61a}.trend-visual{gap:var(--spacing-xl);align-items:stretch;display:flex}.trend-sparkline-wrap{flex:1;min-width:0}.trend-sparkline{width:100%;height:80px}.trend-labels{justify-content:space-between;margin-top:6px;display:flex}.trend-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.trend-forecast-panel{min-width:180px;padding-left:var(--spacing-lg);border-left:1px solid var(--border-color);flex-direction:column;gap:12px;display:flex}.forecast-item{flex-direction:column;gap:2px;display:flex}.forecast-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:600}.forecast-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.forecast-value.forecast-improving{color:var(--accent-green)}.forecast-value.forecast-declining{color:var(--accent-red)}.forecast-value.forecast-stable{color:var(--accent-blue)}.risk-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.risk-card{cursor:pointer;animation:.5s both fadeInUp;position:relative;overflow:hidden}.risk-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.risk-card-top{border-bottom:1px solid var(--border-color);align-items:center;gap:14px;margin-bottom:14px;padding-bottom:12px;display:flex}.risk-grade{border-radius:var(--radius-md);letter-spacing:-.02em;border:2.5px solid;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:900;display:flex}.risk-card-info{flex:1;min-width:0}.risk-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;display:block;overflow:hidden}.risk-card-meta{color:var(--text-secondary);margin-top:3px;font-size:.85rem}.risk-score-ring{flex-shrink:0}.risk-card-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.risk-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.risk-stat-val{color:var(--text-primary);font-size:1.15rem;font-weight:800}.risk-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:600}.risk-card-sev{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.risk-sev-chip{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:4px;padding:3px 10px;font-size:.72rem;font-weight:700}.risk-card-badge{border-radius:0 var(--radius-lg) 0 var(--radius-md);color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:5px 14px 5px 16px;font-size:.72rem;font-weight:800;position:absolute;top:0;right:0}.dimension-heatmap{padding:var(--spacing-lg) var(--spacing-lg)}.dim-row{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:12px 0;animation:.4s both fadeInUp;display:flex}.dim-row:last-of-type{border-bottom:none}.dim-name{width:200px;min-width:160px;color:var(--text-primary);text-transform:capitalize;flex-shrink:0;font-size:.92rem;font-weight:600}.dim-bar-wrap{flex:1;min-width:0}.dim-bar{background:var(--bg-elevated);border-radius:7px;height:14px;display:flex;overflow:hidden}.dim-seg{min-width:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dim-seg.seg-critical{background:var(--accent-red)}.dim-seg.seg-major{background:var(--accent-amber)}.dim-seg.seg-minor{background:var(--accent-blue)}.dim-seg.seg-advisory{background:var(--accent-purple)}.dim-stats{justify-content:flex-end;align-items:center;gap:8px;min-width:90px;display:flex}.dim-count{color:var(--text-primary);font-size:1rem;font-weight:800}.dim-score{color:var(--text-secondary);font-size:.78rem;font-weight:500}.dim-legend{border-top:1px solid var(--border-color);gap:16px;margin-top:12px;padding-top:10px;display:flex}.dim-legend-item{color:var(--text-secondary);text-transform:capitalize;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.dim-legend-dot{border-radius:3px;width:10px;height:10px}.insights-two-col{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.material-list{padding:var(--spacing-lg) var(--spacing-lg)}.material-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;animation:.4s both fadeInUp;display:flex}.material-row:last-child{border-bottom:none}.material-info{flex:1;min-width:0}.material-label{color:var(--text-primary);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;display:block;overflow:hidden}.material-meta{color:var(--text-secondary);margin-top:3px;font-size:.78rem}.material-fail{align-items:center;gap:8px;min-width:120px;display:flex}.material-fail-bar{background:var(--bg-elevated);border-radius:4px;flex:1;height:8px;overflow:hidden}.material-fail-fill{border-radius:3px;min-width:2px;height:100%;transition:width .6s}.material-fail-pct{text-align:right;min-width:36px;font-size:.92rem;font-weight:800}.stage-list{padding:var(--spacing-lg) var(--spacing-lg)}.stage-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;animation:.4s both fadeInUp;display:flex}.stage-row:last-child{border-bottom:none}.stage-info{flex:1;min-width:0}.stage-label{color:var(--text-primary);text-transform:capitalize;font-size:.95rem;font-weight:600;display:block}.stage-meta{color:var(--text-secondary);margin-top:3px;font-size:.78rem}.stage-metrics{align-items:center;gap:12px;display:flex}.stage-metric{flex-direction:column;align-items:center;gap:1px;display:flex}.stage-metric-val{font-size:1.05rem;font-weight:800}.stage-metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.68rem;font-weight:600}.stage-critical-badge{color:var(--accent-red);border:1px solid var(--accent-red);text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:3px 10px;font-size:.72rem;font-weight:700}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-amber{color:var(--accent-amber)}.text-blue{color:var(--accent-blue)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}@media (width>=1440px){html,body{font-size:16px}.page{padding:36px 48px}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.metric-grid{gap:var(--spacing-lg)}.metric-card-body{padding:24px 26px 20px}.metric-card-value{font-size:2.5rem}.metric-card-label{font-size:1rem}.summary-card .big-number{font-size:2.2rem}.quality-pulse{padding:40px 44px}.pulse-title{font-size:2rem}.pulse-sub{max-width:600px;font-size:1rem}.section-header h2{font-size:1.35rem}.insights-kpi-value{font-size:1.85rem}.insights-kpi-label{font-size:.85rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.inspection-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.score-item .score-value{font-size:2.3rem}.score-item .score-label{font-size:.82rem}.forecast-value{font-size:1.85rem}.risk-stat-val{font-size:1.3rem}.dim-name{font-size:1rem}.dim-count{font-size:1.1rem}}@media (width>=1800px){html,body{font-size:17px}.page{padding:40px 56px}.metric-grid{grid-template-columns:repeat(5,1fr)}.metric-card-value{font-size:2.8rem}.pulse-title{font-size:2.2rem}.insights-kpi-value{font-size:2rem}.summary-card .big-number{font-size:2.5rem}}@media (width<=1200px){.page{padding:24px}.metric-grid,.summary-grid,.severity-row{grid-template-columns:repeat(2,1fr)}.insights-two-col{grid-template-columns:1fr}.insights-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){html,body{font-size:14px}.sidebar{width:56px}.sidebar .nav-label,.sidebar .sidebar-subtitle,.sidebar-header .sidebar-title-text{display:none}.sidebar .nav-link{justify-content:center;padding:12px 8px}.sidebar .sidebar-header{justify-content:center;padding:12px 8px;display:flex}.sidebar-footer .theme-toggle span,.sidebar-version{display:none}.main-content{padding:var(--spacing-md);margin-left:56px}.page{padding:16px 14px}.page-title{font-size:1.3rem}.page-subtitle{font-size:.82rem}.quality-pulse{text-align:center;flex-direction:column;gap:24px;padding:24px 20px}.pulse-left{text-align:center}.pulse-sub{max-width:none}.pulse-actions{justify-content:center}.metric-grid,.summary-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.metric-card-body{padding:12px 14px 10px}.metric-card-value{font-size:1.5rem}.dash-bar{flex-direction:column;align-items:flex-start;gap:10px}.overview-grid,.insights-two-col,.insights-alert-grid{grid-template-columns:1fr}.trend-visual{flex-direction:column}.trend-forecast-panel{padding-left:0;padding-top:var(--spacing-md);border-left:none;border-top:1px solid var(--border-color);flex-direction:row;justify-content:space-between}.insights-kpi-row{grid-template-columns:repeat(3,1fr)}.risk-grid{grid-template-columns:1fr}.dim-name{width:100px;min-width:80px;font-size:.7rem}.insights-header{flex-direction:column;align-items:flex-start;gap:10px}.severity-row{grid-template-columns:repeat(2,1fr)}.inspection-grid,.card-grid,.comparison-container{grid-template-columns:1fr}.score-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.score-item .score-value{font-size:1.3rem}}@media (width<=480px){html,body{font-size:13px}.page{padding:12px 10px}.page-title{font-size:1.15rem}.metric-grid,.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card-icon{width:32px;height:32px}.metric-card-body{padding:10px 12px 8px}.metric-card-value{font-size:1.4rem}.metric-card-label{font-size:.8rem}.pulse-title{font-size:1.2rem}.pulse-sub{font-size:.82rem}.section-header h2{font-size:1rem}.score-grid{grid-template-columns:repeat(3,1fr)}.score-item .score-value{font-size:1.2rem}.drilldown-table-wrap{font-size:.75rem}.drilldown-table th,.drilldown-table td{padding:8px 10px}.btn{padding:8px 14px;font-size:.8rem}.card,.card-glass{padding:var(--spacing-md)}.insights-kpi-row{grid-template-columns:repeat(2,1fr);gap:8px}.insights-kpi{padding:12px 14px}.insights-kpi-value{font-size:1.3rem}}@media (width<=768px){.vqi-sidebar{border-top:1px solid #333;z-index:1000!important;grid-template-rows:unset!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:100%!important;height:54px!important;min-height:auto!important;padding:4px 8px!important;display:flex!important;position:fixed!important;inset:auto 0 0!important}.vqi-sidebar>div:first-child{display:none!important}.vqi-nav{flex-direction:row!important;gap:0!important;width:auto!important;display:flex!important;overflow:visible!important}.vqi-nav a{border-radius:10px!important;width:36px!important;height:36px!important;margin:0 2px!important}.vqi-nav a svg{width:18px!important;height:18px!important}.vqi-sidebar>div:last-child{display:none!important}.vqi-main{margin-left:0!important;padding-bottom:64px!important}.page{padding:14px!important}.score-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}button[title="Ask AI to explain this"]{border-radius:4px!important;width:18px!important;height:18px!important;font-size:7px!important}.btn,.btn-primary,.btn-lg{padding:6px 12px!important;font-size:.78rem!important}.vqi-widget-desktop{display:none!important}}@media (width<=900px){.vqi-dash-grid{grid-template-columns:1fr!important}.vqi-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.vqi-row-grid,.vqi-two-col{grid-template-columns:1fr!important}.vqi-dash-grid>div:last-child{max-height:none!important;position:static!important;overflow:visible!important}}@media (width<=600px){.vqi-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.vqi-dash-header{min-height:90px!important;padding:14px 16px!important}.vqi-dash-header h1{font-size:1.2rem!important}.vqi-dash-subheader{flex-wrap:wrap!important;gap:8px!important;padding:8px 14px!important}.vqi-dash-subheader button,.vqi-dash-subheader a{padding:5px 10px!important;font-size:.72rem!important}.vqi-dash-content{padding:12px!important}.score-grid{grid-template-columns:repeat(2,1fr)!important}.vqi-findings-grid{grid-template-columns:1fr!important}.vqi-dash-content>div>div>div{padding:12px!important}.vqi-dash-subheader+div{padding:8px 14px!important;font-size:11px!important}}@media (width<=480px){.vqi-kpi-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.vqi-row-grid{grid-template-columns:1fr!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes confettiBurst{0%{opacity:1;transform:scale(0)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}to{opacity:0;transform:scale(0)rotate(360deg)}}@keyframes celebPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 20px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes failPulse{0%,to{background:var(--bg-card)}50%{background:#ef444414}}@keyframes pullSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkFade{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.vqi-skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.vqi-count-up{animation:.5s ease-out forwards countUp}.vqi-spark-in{animation:.6s ease-out forwards sparkFade}@media (width<=768px){.vqi-mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}}