:root{--purple:#6c4cf1;--purple-soft:#efeaff;--bg:#f7f7fb;--card:#fff;--text:#1c1b22;--muted:#6b6979;--border:#ececf3;--good:#2ea66a;--warn:#d97706;--bad:#e23b3b;--shadow:0 1px 2px #1414280a, 0 8px 24px #1414280a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;gap:28px;padding:28px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg,#8a6cff,#6c4cf1);border-radius:12px;width:36px;height:36px}.brand-name{font-size:16px;font-weight:600}.brand-sub{color:var(--muted);font-size:12px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-link{color:var(--muted);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:500}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{background:var(--purple-soft);color:var(--purple)}.sidebar-footer{color:var(--muted);margin-top:auto;font-size:11px;line-height:1.5}.main{max-width:1280px;padding:32px 40px 64px}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 4px;font-size:24px;font-weight:600}.page-header p{color:var(--muted);margin:0;font-size:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:20px}.card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.card-value{margin-top:8px;font-size:28px;font-weight:600}.card-sub{color:var(--muted);margin-top:6px;font-size:12px}.section{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-bottom:24px;padding:24px}.section h2{margin:0 0 16px;font-size:16px;font-weight:600}.disclaimer{background:var(--purple-soft);color:#3d2e9c;border:1px solid #e2d9ff;border-radius:12px;margin-bottom:24px;padding:12px 16px;font-size:13px}.btn{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:not-allowed}.input,select.input{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field{flex-direction:column;gap:6px;min-width:200px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:500}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px 10px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.table td.review-text{max-width:480px}.badge{background:var(--bg);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge.High,.badge.Critical{color:var(--bad);background:#fde7e7}.badge.Medium{color:var(--warn);background:#fef0d6}.badge.Low{color:var(--good);background:#e6f5ec}.empty{text-align:center;color:var(--muted);padding:48px 24px;font-size:14px}.muted{color:var(--muted)}
