:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a28;--bg-hover: #222236;--border: #2a2a40;--text-primary: #e8e8f0;--text-secondary: #8888a8;--text-muted: #555570;--accent: #7c5cff;--accent-light: #9d84ff;--critical: #ff3b4e;--high: #ff8c42;--medium: #ffd042;--low: #42d67c;--safe: #4285f4;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app{max-width:960px;margin:0 auto;padding:40px 24px}.header{text-align:center;margin-bottom:48px}.header__title{font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.header__accent{color:var(--accent)}.header__subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.header__badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;background:#7c5cff1a;border:1px solid rgba(124,92,255,.3);border-radius:20px;font-size:12px;font-family:var(--font-mono);color:var(--accent-light)}.upload-zone{border:2px dashed var(--border);border-radius:16px;padding:48px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-secondary)}.upload-zone:hover,.upload-zone--active{border-color:var(--accent);background:#7c5cff0d}.upload-zone__icon{font-size:48px;margin-bottom:16px;opacity:.6}.upload-zone__title{font-size:18px;font-weight:600;margin-bottom:8px}.upload-zone__hint{font-size:13px;color:var(--text-secondary)}.upload-zone__formats{display:flex;gap:8px;justify-content:center;margin-top:16px}.upload-zone__format{padding:4px 10px;background:var(--bg-card);border-radius:6px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.progress{margin-top:32px}.progress__bar-container{height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden;margin-bottom:12px}.progress__bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:3px;transition:width .5s ease}.progress__status{display:flex;justify-content:space-between;font-size:13px}.progress__label{color:var(--text-secondary)}.progress__percent{color:var(--accent-light);font-family:var(--font-mono)}.report{margin-top:32px}.report__header{text-align:center;margin-bottom:24px}.report__header-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-light);margin-bottom:8px}.report__header-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.report__header-meta{font-size:13px;color:var(--text-muted);font-family:var(--font-mono)}.report__total{text-align:center;padding:28px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;margin-bottom:20px}.report__total-count{font-size:56px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.report__total-label{font-size:14px;color:var(--text-secondary);margin-top:6px;font-weight:500}.report__breakdown-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.report__risk-banner{padding:24px;border-radius:12px;text-align:center;margin-bottom:24px}.report__risk-banner--critical{background:linear-gradient(135deg,#ff3b4e26,#ff3b4e0d);border:1px solid rgba(255,59,78,.3)}.report__risk-banner--high{background:linear-gradient(135deg,#ff8c4226,#ff8c420d);border:1px solid rgba(255,140,66,.3)}.report__risk-banner--medium{background:linear-gradient(135deg,#ffd04226,#ffd0420d);border:1px solid rgba(255,208,66,.3)}.report__risk-banner--low{background:linear-gradient(135deg,#42d67c26,#42d67c0d);border:1px solid rgba(66,214,124,.3)}.report__risk-banner--safe{background:linear-gradient(135deg,#4285f426,#4285f40d);border:1px solid rgba(66,133,244,.3)}.report__risk-level{font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.report__risk-score{font-size:14px;color:var(--text-secondary);margin-top:4px;font-family:var(--font-mono)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat{background:var(--bg-card);border-radius:10px;padding:16px;text-align:center}.stat__value{font-size:24px;font-weight:700;font-family:var(--font-mono)}.stat__value--critical{color:var(--critical)}.stat__value--high{color:var(--high)}.stat__value--medium{color:var(--medium)}.stat__value--low{color:var(--low)}.stat__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.findings{margin-top:24px}.findings__title{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.finding{background:var(--bg-card);border-radius:10px;padding:16px;margin-bottom:10px;border-left:3px solid transparent}.finding--critical{border-left-color:var(--critical)}.finding--high{border-left-color:var(--high)}.finding--medium{border-left-color:var(--medium)}.finding--low{border-left-color:var(--low)}.finding__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.finding__title{font-size:14px;font-weight:600}.finding__severity{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px}.finding__severity--critical{background:#ff3b4e26;color:var(--critical)}.finding__severity--high{background:#ff8c4226;color:var(--high)}.finding__severity--medium{background:#ffd04226;color:var(--medium)}.finding__severity--low{background:#42d67c26;color:var(--low)}.finding__location{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:6px}.finding__description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.finding__code{background:var(--bg-primary);padding:10px;border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);overflow-x:auto;margin-bottom:8px;white-space:pre}.finding__recommendation{font-size:12px;color:var(--low);padding:8px;background:#42d67c0d;border-radius:6px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-light)}.btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--bg-hover)}.actions{display:flex;gap:12px;margin-top:24px;justify-content:center}.attestation{margin-top:32px;padding:20px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border)}.attestation__title{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px}.attestation__item{display:flex;gap:8px;margin-bottom:6px;font-size:12px}.attestation__label{color:var(--text-muted);min-width:100px}.attestation__value{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all}.error{padding:16px;background:#ff3b4e1a;border:1px solid rgba(255,59,78,.2);border-radius:10px;color:var(--critical);font-size:14px;margin-top:24px;text-align:center}@media (max-width: 768px){.app{padding:24px 16px}.header{margin-bottom:32px}.header__title{font-size:24px}.header__subtitle{font-size:13px}.header__badge{font-size:11px;padding:5px 10px}.upload-zone{padding:32px 20px;border-radius:12px}.upload-zone__icon{font-size:36px}.upload-zone__title{font-size:16px}.upload-zone__formats{flex-wrap:wrap}.report__header-title{font-size:20px}.report__total{padding:20px}.report__total-count{font-size:42px}.report__risk-banner{padding:16px}.report__risk-level{font-size:22px}.report__risk-score{font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat{padding:12px}.stat__value{font-size:20px}.finding{padding:12px}.finding__header{flex-direction:column;align-items:flex-start;gap:6px}.finding__title{font-size:13px}.finding__code{font-size:10px;padding:8px}.actions{flex-direction:column}.btn{width:100%;justify-content:center}.attestation{padding:14px}.attestation__item{flex-direction:column;gap:2px}.attestation__label{min-width:auto}.attestation__value{font-size:11px}}@media (max-width: 480px){.app{padding:16px 12px}.header__title{font-size:20px}.upload-zone{padding:24px 16px}.report__header-title{font-size:18px}.report__total-count{font-size:36px}.report__risk-level{font-size:18px}.findings__title{font-size:14px}}