:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5e7eb;background:#0b1020}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#161b33,#0b1020 60%)}.container{padding:20px;max-width:1400px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:14px}h1{margin:0;font-size:28px}.sub{margin:4px 0 0;color:#94a3b8;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}button{background:#7c3aed;border:0;color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer}button:hover{background:#6d28d9}button:disabled{opacity:.65;cursor:wait}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.card,.panel{background:#0f172ac2;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:14px}.label{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.value{font-size:28px;margin-top:4px;font-weight:700}.value.good{color:#34d399}.value.bad{color:#fb7185}.panel h2{margin:0 0 10px;font-size:16px}.chartWrap{height:280px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.tableWrap{overflow:auto;max-height:340px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:8px;border-bottom:1px solid rgba(148,163,184,.15);vertical-align:top}th{color:#94a3b8;position:sticky;top:0;background:#111827}.empty{color:#94a3b8;text-align:center;padding:20px}.error{margin-bottom:12px;background:#7f1d1d73;border:1px solid rgba(248,113,113,.45);color:#fecaca;border-radius:10px;padding:10px 12px}.footer{color:#94a3b8;font-size:12px;margin-top:12px}@media (max-width: 1300px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.cards,.grid2{grid-template-columns:1fr}}h3{margin:10px 0 6px;font-size:13px;color:#cbd5e1}.learningSummary{display:grid;gap:4px;font-size:13px;color:#d1d5db;margin-bottom:8px}.patternRow{color:#a5b4fc}.recs{margin:0;padding-left:16px;display:grid;gap:8px;font-size:12px}