@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#06090f;--bg-soft:#0e1420;--panel:#101827c7;--panel-strong:#101828;--text:#e8edf7;--text-muted:#9eb0cc;--accent:#29e3af;--accent-alt:#4aa9ff;--warning:#ffb02e;--danger:#ff6e7d;--success:#2be38f;--ring:#49b0ff8c;--radius:18px;--shadow-soft:0 14px 40px #02071159}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at 12% 16%,#357dff3d,#0000 42%),radial-gradient(circle at 88% 12%,#29e3af30,#0000 36%),linear-gradient(145deg,#04070f 0%,#0b1220 48%,#0d1628 100%);margin:0;font-family:Space Grotesk,Sora,sans-serif}a{color:inherit}.app-shell{grid-template-columns:240px minmax(0,1fr);gap:20px;min-height:100vh;padding:18px;display:grid}.sidebar{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:linear-gradient(#0c1421f0,#0b101ae0);border:1px solid #7da3de2e;flex-direction:column;gap:20px;padding:22px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-badge{background:conic-gradient(from 180deg, var(--accent), var(--accent-alt), #81e8ff, var(--accent));border-radius:12px;width:34px;height:34px;box-shadow:0 0 22px #29e3af73}.brand-title{letter-spacing:.04em;margin:0;font-family:Sora,sans-serif;font-size:1.04rem}.brand-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin:2px 0 0;font-size:.76rem}.nav-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:12px;padding:11px 12px;text-decoration:none;transition:background .14s,border-color .14s,color .14s;display:block}.nav-link:hover{color:var(--text);border-color:#4aa9ff42}.nav-link.active{color:#f8fbff;background:linear-gradient(120deg,#4aa9ff3b,#29e3af2e);border-color:#64bcff73}.plan-card{background:#0d1522e0;border:1px solid #5189e252;border-radius:14px;margin-top:auto;padding:12px}.plan-chip{color:#bbdcff;letter-spacing:.06em;text-transform:uppercase;background:#4aa9ff26;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:.74rem;display:inline-flex}.main-panel{flex-direction:column;gap:16px;display:flex}.topbar{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);background:#0a101bd6;border:1px solid #76a1e333;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.page-title{margin:0;font-family:Sora,sans-serif;font-size:1.3rem}.page-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.88rem}.token-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input,.select,.textarea{color:var(--text);width:100%;font:inherit;background:#090f19f0;border:1px solid #7ca9ec52;border-radius:10px;padding:10px 11px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 3px var(--ring);border-color:#4aa9ffcc;outline:none}.token-input{min-width:min(420px,100%)}.btn{color:var(--text);font:inherit;cursor:pointer;background:#0f1826e6;border:1px solid #7ea9ec4d;border-radius:10px;padding:10px 13px;transition:transform .12s,border-color .12s,background .12s}.btn:hover{background:#121e30f2;border-color:#73c7ffa8;transform:translateY(-1px)}.btn-primary{background:linear-gradient(120deg,#2272ff52,#29e3af40);border-color:#29e3af73}.btn-danger{background:#2c0d14e0;border-color:#ff6e7d73}.content-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.panel{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);border:1px solid #7ca8eb33;grid-column:span 12;padding:16px;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#48a9ff24,#0000 70%);border-radius:999px;width:220px;height:220px;position:absolute;inset:-40% auto auto -10%}.panel h3,.panel h4{margin:0 0 10px;font-family:Sora,sans-serif}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric{background:#080e16c7;border:1px solid #79a8ec33;border-radius:13px;padding:12px}.metric-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.76rem}.metric-value{margin-top:4px;font-size:1.2rem;font-weight:600}.kpi-trend{color:var(--text-muted);margin-top:6px;font-size:.83rem}.timeline{gap:8px;margin-top:10px;display:grid}.timeline-item{grid-template-columns:95px minmax(0,1fr) 60px;align-items:center;gap:10px;display:grid}.timeline-bar{background:#0b1421e6;border:1px solid #7da9ed2e;border-radius:999px;height:11px;position:relative;overflow:hidden}.timeline-fill{background:linear-gradient(120deg, var(--accent-alt), var(--accent));border-radius:999px;height:100%;animation:1.6s ease-out flow}@keyframes flow{0%{opacity:.6;width:0}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-grid .span-2{grid-column:span 2}.hint{color:var(--text-muted);margin-top:8px;font-size:.85rem}.badge{letter-spacing:.06em;text-transform:uppercase;color:#c9e5ff;background:#4aa9ff29;border-radius:999px;align-items:center;padding:4px 9px;font-size:.74rem;display:inline-flex}.badge.warn{color:#ffcf7c;background:#ffb02e33}.badge.success{color:#baf9d6;background:#2be38f30}.message{background:#0a111bd1;border:1px solid #74a8ee47;border-radius:12px;margin-top:10px;padding:10px 11px;font-size:.88rem}.message.error{background:#2c0e14db;border-color:#ff6e7d6b}.message.success{background:#082017d6;border-color:#2be38f6b}.gate-card{background:linear-gradient(135deg,#2c1d08e0,#231409d1);border:1px solid #ffb02e70;border-radius:14px;margin-top:10px;padding:12px}.code-block{background:#080d14e0;border:1px solid #7ca9ec33;border-radius:12px;margin-top:10px;padding:10px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.76rem;line-height:1.45;overflow:auto}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.scan-theater{background:radial-gradient(circle at 12% 20%,#4aa9ff33,#0000 40%),radial-gradient(circle at 82% 0,#29e3af29,#0000 40%),#080d15e6;border:1px solid #4aa9ff59;border-radius:14px;margin-top:12px;padding:12px}.scan-theater-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.scan-progress-track{background:#080f19e6;border:1px solid #7ca9ec3d;border-radius:999px;height:12px;margin-top:10px;overflow:hidden}.scan-progress-fill{background:linear-gradient(120deg,#4aa9fff2,#29e3aff2,#4aa9fff2) 0 0/220% 100%;border-radius:999px;height:100%;animation:1.2s linear infinite scanPulse}.scan-phase-grid{gap:8px;margin-top:10px;display:grid}.scan-phase{background:#080f19bd;border:1px solid #7ca9ec29;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.scan-phase-label{color:var(--text-muted);font-size:.86rem}.scan-phase strong{letter-spacing:.05em;text-transform:uppercase;font-size:.74rem}.scan-phase.complete{background:#071e17c7;border-color:#2be38f57}.scan-phase.complete strong{color:#baf9d6}.scan-phase.active{background:#0a1624db;border-color:#4aa9ff80;box-shadow:0 0 0 1px #4aa9ff29}.scan-phase.active strong{color:#c9e5ff}.scan-phase.failed{background:#290c12d6;border-color:#ff6e7d6b}.scan-phase.failed strong{color:#ffb4bd}.scan-phase.queued strong{color:#9eb0cc}.report-summary{margin-top:8px}.verification-chip{letter-spacing:.08em;font-size:.65rem}.finding-card{border-width:1px}.finding-card.verified{background:linear-gradient(135deg,#081a15d9,#080f18e6);border-color:#2be38f57}.finding-card.unverified{background:linear-gradient(135deg,#221807b3,#0a1019e0);border-color:#ffb02e47}@keyframes scanPulse{0%{background-position:0 0}to{background-position:200% 0}}@media (width<=1090px){.app-shell{grid-template-columns:1fr;padding:14px}.sidebar{padding:16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.topbar{padding:13px}.token-input{min-width:100%}.metric-grid,.form-grid,.split{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.timeline-item{grid-template-columns:70px minmax(0,1fr) 52px}}