:root{color-scheme:dark;--bg:#0b1020;--panel:#151c31;--panel-soft:#1d2642;--text:#edf2ff;--muted:#9fb0d1;--accent:#7dd3fc;--danger:#fca5a5;--warning:#fde68a;--success:#86efac;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b1020,#10182d);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1200px;margin:0 auto;padding:32px 20px 64px}.grid{display:grid;grid-gap:16px;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.two-col{grid-template-columns:1.5fr 1fr}.panel{background:rgba(21,28,49,.92);border:1px solid rgba(159,176,209,.16);border-radius:18px;padding:20px;box-shadow:0 12px 32px rgba(0,0,0,.22)}.callout-panel{background:linear-gradient(180deg,rgba(29,38,66,.98),rgba(21,28,49,.98))}.metric{font-size:2rem;font-weight:700;margin:8px 0 0}.muted{color:var(--muted)}.section-kicker{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.badge.high{background:rgba(252,165,165,.16);color:var(--danger)}.badge.medium{background:rgba(253,230,138,.16);color:var(--warning)}.badge.low{background:rgba(134,239,172,.16);color:var(--success)}.badge.critical{background:rgba(248,113,113,.22);color:#f87171}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px 10px;border-bottom:1px solid rgba(159,176,209,.14);text-align:left;vertical-align:top}.chart{display:flex;align-items:flex-end;gap:14px;min-height:220px;padding-top:18px}.bar-wrap{flex:1 1}.bar{width:100%;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#7dd3fc,#2563eb)}.bar-value{text-align:center;font-size:.78rem;font-weight:600;color:var(--accent);margin-bottom:6px}.bar-label{margin-top:8px;color:var(--muted);font-size:.85rem;text-align:center}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:2.3rem}.hero p{margin:0;color:var(--muted);max-width:680px;line-height:1.5}.link-row{display:flex;gap:12px;flex-wrap:wrap}.link-chip{background:var(--panel-soft);border:1px solid rgba(159,176,209,.2);border-radius:999px;padding:8px 12px}.link-chip:hover{border-color:rgba(125,211,252,.45);text-decoration:none}.button{background:#2563eb;color:var(--text);border:0;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.4s infinite}.empty-state{display:flex;flex-direction:column;justify-content:center;min-height:180px}.empty-state h2{margin-bottom:8px}.risk-reasons{display:grid;grid-gap:12px;gap:12px;margin-top:14px}.risk-reason{border:1px solid rgba(159,176,209,.12);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.02)}.risk-reason-title{font-weight:700;margin-bottom:6px}.risk-reason-detail{color:var(--muted);line-height:1.45}code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:6px}.site-footer{max-width:1200px;margin:0 auto;padding:32px 20px 24px;border-top:1px solid rgba(159,176,209,.1);text-align:center;color:var(--muted);font-size:.82rem}.site-footer a{color:var(--accent)}@keyframes shimmer{to{transform:translateX(100%)}}@media (max-width:900px){.two-col{grid-template-columns:1fr}.hero{flex-direction:column}}@media (max-width:768px){main{padding:24px 14px 56px}.metric{font-size:1.7rem}.panel{padding:16px}.responsive-table,.responsive-table tbody,.responsive-table td,.responsive-table th,.responsive-table thead,.responsive-table tr{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tr{padding:12px 0;border-bottom:1px solid rgba(159,176,209,.14)}.responsive-table td{border:0;padding:8px 0}.responsive-table td:before{content:attr(data-label);display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}}@media (max-width:480px){.hero h1{font-size:1.8rem}.link-row{gap:8px}.link-chip{width:100%;justify-content:center;text-align:center}}