@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Manrope:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #07111f;--bg-alt: #0d1b2e;--panel: rgba(11, 25, 43, .8);--panel-border: rgba(157, 188, 255, .16);--text: #edf3ff;--muted: #9fb1d6;--accent: #ffb86c;--accent-soft: rgba(255, 184, 108, .14);--good: #3ddc97;--bad: #ff6b6b;--highlight: #74c0fc;--shadow: 0 28px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(116,192,252,.18),transparent 26%),radial-gradient(circle at bottom right,rgba(255,184,108,.2),transparent 22%),linear-gradient(145deg,#040a12,#091527 45%,#07111f);color:var(--text);font-family:Manrope,Segoe UI,sans-serif}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{position:relative;width:min(1440px,calc(100% - 32px));margin:0 auto;padding:40px 0 64px}.backdrop-orb{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(80px);opacity:.35;pointer-events:none}.backdrop-orb-one{top:-120px;right:5%;background:#74c0fc47}.backdrop-orb-two{bottom:10%;left:-80px;background:#ffb86c38}.hero,.content-grid,.charts-grid,.kpi-grid,.filters-grid,.upload-meta{display:grid;gap:18px}.hero{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);align-items:end;gap:24px;margin-bottom:24px}.hero h1,.auth-panel h2,.empty-state h2,.filters-panel h3,.section-heading h3,.details-panel h3{font-family:Space Grotesk,Segoe UI,sans-serif;letter-spacing:-.04em}.hero h1{margin:8px 0 12px;font-size:clamp(2.5rem,5vw,4.9rem);line-height:.95;max-width:11ch}.hero-copy{width:min(62ch,100%);color:var(--muted);font-size:1.05rem;line-height:1.7}.card{position:relative;overflow:hidden;background:linear-gradient(180deg,#0f1f35d1,#07111feb);border:1px solid var(--panel-border);border-radius:28px;padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 40%);pointer-events:none}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent)}.muted{color:var(--muted)}.hero-stats{min-height:180px;display:flex;flex-direction:column;justify-content:end;gap:10px}.hero-stat-label,.metric-label,.details-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.auth-panel,.toolbar-panel{display:grid;gap:16px;margin-bottom:22px}.auth-form,.toolbar-form{display:grid;gap:14px}.auth-form label,.toolbar-form label{display:grid;gap:8px;color:var(--muted)}.auth-form input,.toolbar-form input{width:100%;border:1px solid rgba(157,188,255,.18);border-radius:14px;padding:12px 14px;background:#040a1285;color:var(--text)}button{border:1px solid rgba(255,184,108,.4);border-radius:12px;padding:10px 16px;background:#ffb86c24;color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease}button:hover{transform:translateY(-1px);border-color:#ffb86ccc}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-btn{border-color:#9dbcff4d;background:#74c0fc1a}.auth-actions{display:flex;gap:10px}.toolbar-form{grid-template-columns:minmax(0,240px) max-content max-content;align-items:end}.upload-meta{grid-template-columns:repeat(2,minmax(0,max-content));align-items:center}.status-good{color:var(--good)}.status-bad{color:var(--bad)}.filters-panel{margin-bottom:20px}.filters-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}.filters-grid label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.filters-grid input,.filters-grid select{width:100%;border:1px solid rgba(157,188,255,.18);border-radius:14px;padding:12px 14px;background:#040a1285;color:var(--text)}.checkbox-row{display:flex;align-items:center;gap:10px;padding-bottom:12px}.checkbox-row input{width:auto}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:22px}.metric-card{display:grid;gap:10px}.metric-value{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.tone-good{border-color:#3ddc9752}.tone-bad{border-color:#ff6b6b52}.tone-highlight{border-color:#ffb86c57}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.chart-card.wide-card{grid-column:span 1}.chart-shell{margin-top:14px;height:260px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.section-heading h3,.filters-panel h3,.details-panel h3,.empty-state h2,.auth-panel h2{margin:6px 0 0;font-size:1.45rem}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);align-items:start}.tables-column{display:grid;gap:18px}.table-shell{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px 12px;border-bottom:1px solid rgba(157,188,255,.12);text-align:left;vertical-align:top}th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}tbody tr{cursor:pointer;transition:background .14s ease}tbody tr:hover,tbody tr.is-selected{background:#ffffff0a}.pill-success{background:#3ddc9729;color:#7ff5bd}.pill-failed{background:#ff6b6b29;color:#ffc2c2}.pill-unknown{background:#74c0fc29;color:#b8ddff}.details-panel{display:grid;gap:18px;position:sticky;top:24px}.details-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.details-summary strong{margin-top:6px;display:block}.failure-stack{display:grid;gap:10px}.failure-stack p{margin:0;line-height:1.6}.failure-list{margin:0;padding-left:18px;display:grid;gap:10px}.failure-list li{display:grid;gap:4px}.details-block{display:grid;gap:10px}pre{margin:0;padding:16px;overflow:auto;max-height:220px;border-radius:20px;background:#01060eb8;border:1px solid rgba(157,188,255,.12);color:#dce4ff;font-family:SFMono-Regular,Consolas,monospace;font-size:.84rem;line-height:1.6}.empty-state,.empty-details,.empty-inline{min-height:220px;display:grid;align-content:center;justify-items:start;gap:10px}.empty-inline{min-height:120px;color:var(--muted)}.chart-loading{margin-bottom:22px}@media (max-width: 1180px){.hero,.content-grid,.charts-grid,.kpi-grid,.filters-grid,.toolbar-form{grid-template-columns:1fr}.details-panel{position:static}}@media (max-width: 720px){.app-shell{width:min(100% - 20px,100%);padding-top:24px}.card{border-radius:22px;padding:18px}.hero h1{max-width:none}.upload-meta,.details-summary{grid-template-columns:1fr}}
