@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";
:root{--bg-gradient-start:#0f172a;--bg-gradient-end:#1e293b;--surface:#ffffff0d;--surface-elevated:#ffffff14;--border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent:#3b82f6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--glow-blue:#3b82f64d;--glow-green:#10b9814d;--radius-lg:16px;--radius-md:12px;--radius-sm:10px}*{box-sizing:border-box}html,body{height:100%;font-family:Manrope,sans-serif}body{color:var(--text-primary);background:linear-gradient(135deg,var(--bg-gradient-start)0%,var(--bg-gradient-end)100%);margin:0;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 20% 50%,var(--glow-blue)0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--glow-green)0%,transparent 50%);opacity:.4;pointer-events:none;z-index:0;animation:15s infinite moveGradient;position:fixed;inset:0}@keyframes moveGradient{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,-50px)scale(1.1)}}.app-shell{z-index:1;min-height:100vh;position:relative}.container{max-width:1500px;margin:0 auto;padding:3rem}.nav{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:75px;padding:0 3rem;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent),var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Archivo,sans-serif;font-size:1.4rem;font-weight:800}.navLinks{align-items:center;gap:2.5rem;display:flex}.navLinks a{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.navLinks a.active{color:var(--text-primary)}.navLinks a:before{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-.5rem;left:0}.navLinks a:hover:before,.navLinks a.active:before{width:100%}.userBadge{background:var(--surface-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);text-transform:uppercase;letter-spacing:1px;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:800}.pageHeader{margin-bottom:3rem}.pageTitle{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin:0 0 .5rem;font-family:Archivo,sans-serif;font-size:3.5rem;font-weight:800}.pageSubtitle{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.glassCard{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s}.glassCard:hover{background:var(--surface-elevated);transform:translateY(-2px);box-shadow:0 20px 40px #0000004d}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.statCard{padding:2rem;position:relative;overflow:hidden}.statCard:before{content:"";background:var(--accent-gradient);opacity:0;width:100%;height:3px;transition:opacity .3s;position:absolute;top:0;left:0}.statCard:hover:before{opacity:1}.statRisk{--accent-gradient:linear-gradient(90deg,var(--accent),var(--success))}.statTotal{--accent-gradient:linear-gradient(90deg,var(--success),var(--accent))}.statOk{--accent-gradient:linear-gradient(90deg,var(--success),#06d6a0)}.statHigh{--accent-gradient:linear-gradient(90deg,var(--warning),var(--danger))}.statError{--accent-gradient:linear-gradient(90deg,var(--danger),#dc2626)}.statHeader{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.statIcon{background:var(--surface-elevated);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.statLabel{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:.75rem;font-size:.8rem;font-weight:800}.statValue{margin-bottom:.5rem;font-family:Archivo,sans-serif;font-size:3rem;font-weight:900;line-height:1}.statValueRisk{color:var(--accent)}.statValueTotal,.statValueOk{color:var(--success)}.statValueHigh{color:var(--warning)}.statValueError{color:var(--danger)}.statDesc{color:var(--text-secondary);font-size:.85rem;font-weight:500}.sectionHeader{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.sectionTitle{letter-spacing:-.5px;margin:0 0 .5rem;font-family:Archivo,sans-serif;font-size:1.75rem;font-weight:800}.sectionSubtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.riskDistribution{margin-bottom:3rem;padding:2.5rem}.riskBar{border-radius:var(--radius-md);border:1px solid var(--border);background:#0000004d;height:56px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden}.riskBar:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.riskSegment{justify-content:center;align-items:center;font-size:.95rem;font-weight:800;transition:all .5s;display:flex;position:relative}.riskLow{background:linear-gradient(135deg,var(--success),#06d6a0);box-shadow:0 0 30px var(--glow-green)}.riskMed{background:linear-gradient(135deg,var(--warning),#f59e0b)}.riskHigh{background:linear-gradient(135deg,var(--danger),#dc2626)}.riskLegend{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.legendItem{border:1px solid var(--border);background:#0003;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.legendIndicator{border-radius:6px;flex-shrink:0;width:24px;height:24px}.legendLow{background:linear-gradient(135deg,var(--success),#06d6a0)}.legendMed{background:linear-gradient(135deg,var(--warning),#f59e0b)}.legendHigh{background:linear-gradient(135deg,var(--danger),#dc2626)}.legendLabel{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-size:.75rem;font-weight:800}.legendValue{color:var(--text-primary);font-size:1.25rem;font-weight:800}.reportHeader{justify-content:space-between;align-items:center;margin:0 0 2rem;display:flex}.reportTitle{letter-spacing:-.5px;margin:0;font-family:Archivo,sans-serif;font-size:2.5rem;font-weight:800}.dateBadge{background:var(--surface-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--accent);border-radius:10px;padding:.75rem 1.5rem;font-family:Fira Code,monospace;font-size:.85rem;font-weight:600}.reportCard{overflow:hidden}.cardHeader{background:var(--surface-elevated);border-bottom:1px solid var(--border);padding:2.5rem}.cardTitle{margin:0 0 .5rem;font-family:Archivo,sans-serif;font-size:1.75rem;font-weight:800}.cardDesc{color:var(--text-secondary);margin:0;font-size:.95rem}.tableWrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:#0003}.table th{text-align:left;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border);padding:1.5rem 2rem;font-size:.75rem;font-weight:800}.table td{border-bottom:1px solid var(--border);vertical-align:top;padding:2rem}.table tbody tr{transition:all .2s}.table tbody tr:hover{background:#ffffff08}.badgeLow,.badgeMed,.badgeHigh{text-transform:uppercase;letter-spacing:1px;border:1px solid;border-radius:8px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:800;display:inline-block}.badgeLow{border-color:var(--success);color:var(--success);box-shadow:0 0 20px var(--glow-green);background:linear-gradient(135deg,#10b98133,#06d6a033)}.badgeMed{border-color:var(--warning);color:var(--warning);background:linear-gradient(135deg,#f59e0b33,#fbbf2433)}.badgeHigh{border-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#ef444433,#dc262633)}