.report-page{max-width:920px}.report-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.report-toolbar h1{letter-spacing:-.02em;font-size:28px;font-weight:900;line-height:1.15}.report-toolbar-sub{color:var(--muted);max-width:36rem;margin-top:6px;font-size:14px;line-height:1.5}.report-meta{color:var(--muted);margin-top:4px;font-size:12px;font-weight:600}.report-loading{text-align:center;color:var(--muted);padding:48px 24px}.report-loading-icon{margin-bottom:10px;font-size:36px}.report-hero{border-radius:var(--r-xl);background:linear-gradient(135deg,#fd52000f,#00b8a90d);border:1.5px solid #fd52001f;margin-bottom:20px;padding:22px 24px;box-shadow:0 8px 28px #0f172a0a}.report-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.report-learner{align-items:center;gap:16px;display:flex}.report-learner-av{flex-shrink:0}.report-learner-av .cq-avatar{border-width:3px;width:72px;height:72px;box-shadow:0 4px 16px #0f172a1a}.report-learner-name{letter-spacing:-.02em;font-size:22px;font-weight:800}.report-learner-grade{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600}.report-stat-grid{flex-wrap:wrap;gap:10px;display:flex}.report-stat{border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--surface);text-align:center;min-width:76px;padding:12px 14px;transition:transform .15s}.report-stat:hover{transform:translateY(-1px)}.report-stat strong{letter-spacing:-.02em;font-size:20px;font-weight:900;line-height:1.1;display:block}.report-stat span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px;font-size:10px;font-weight:700;display:block}.report-stat--coding strong{color:var(--brand)}.report-stat--math strong{color:#7c3aed}.report-stat--science strong{color:#00897f}.report-stat--coins strong{color:#b45309}.report-stat--badges strong{color:#6d28d9}.report-overall{margin-top:18px}.report-overall-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.report-overall-head strong{color:var(--text);font-size:15px}.report-section{margin-top:28px}.report-section-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.report-section-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.report-section-icon--coding{background:linear-gradient(135deg,#fd520026,#fd52000f)}.report-section-icon--math{background:linear-gradient(135deg,#7c3aed26,#7c3aed0f)}.report-section-icon--science{background:linear-gradient(135deg,#00b8a926,#00b8a90f)}.report-section-icon--badges{background:linear-gradient(135deg,#6d28d926,#6d28d90f)}.report-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text);font-size:13px;font-weight:800}.report-section-sub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.report-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);break-inside:avoid;margin-bottom:12px;padding:18px 20px;box-shadow:0 2px 8px #0f172a08}.report-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.report-card-title{font-size:14px;font-weight:800}.report-card-count{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.report-dots{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.report-dot{border:1.5px solid var(--border2);width:28px;height:28px;color:var(--muted);background:var(--surface2);border-radius:8px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.report-dot.done{color:#fff;background:linear-gradient(135deg,#00897f,#00c4b4);border-color:#00897f;box-shadow:0 2px 8px #00897f40}.report-badge-grid{flex-wrap:wrap;gap:8px;display:flex}.report-badge{color:var(--brand);background:linear-gradient(135deg,#fd520014,#fd520005);border:1.5px solid #fd520033;border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.report-empty{color:var(--muted);padding:8px 0;font-size:14px;line-height:1.55}.report-class-header h2{letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:900}.report-class-sub{color:var(--muted);margin-bottom:16px;font-size:12px;font-weight:600}.report-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;font-weight:600;display:flex}.report-row:last-child{border-bottom:none}.report-row-flag{color:var(--brand);font-size:12px;font-weight:800}@media (width<=640px){.report-toolbar h1{font-size:24px}.report-hero-top{flex-direction:column;align-items:flex-start}.report-stat-grid{width:100%}.report-stat{flex:1;min-width:calc(33% - 8px)}}@media print{.report-hero{box-shadow:none;background:#fafafa;border-color:#ddd}.report-stat{background:#f5f5f5;border-color:#ddd}.report-card{box-shadow:none;border-color:#ddd}.report-dot.done{background:#00897f}.report-badge{background:#fff8f5;border-color:#fd5200}}