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