.progress-analytics-card{margin-top:18px;padding:22px}.progress-analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.progress-analytics-head h2,.progress-analytics-head h3{margin:0 0 5px}.progress-analytics-head p{margin:0}.progress-control-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.progress-toggle{display:flex;background:#edf2f5;border-radius:8px;padding:3px;gap:2px}.progress-toggle button{border:0;background:transparent;color:#4d6272;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.progress-toggle button.active{background:#fff;color:#173a58;box-shadow:0 1px 6px rgba(20,43,64,.1)}.progress-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:14px}.progress-summary-item{border:1px solid #dce5eb;background:#fff;border-radius:9px;padding:11px 12px;min-width:0}.progress-summary-item span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#6b7d89;font-weight:900}.progress-summary-item strong{display:block;margin-top:5px;font-size:19px;color:#173a58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-summary-item small{display:block;margin-top:3px;font-size:9px;line-height:1.35;color:#7b8993}.progress-summary-item.correction strong{color:#3d6c52}.progress-charts-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:12px}.progress-chart-box{border:1px solid #dce5eb;border-radius:10px;background:#fff;padding:12px;min-width:0}.progress-chart-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:900;color:#334d61;margin-bottom:6px}.progress-chart-legend{display:flex;gap:9px;font-size:9px;color:#6a7a85;font-weight:700}.progress-legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.progress-legend-dot.wpm{background:#244d70}.progress-legend-dot.accuracy{background:#167041}.progress-svg{display:block;width:100%;height:210px;overflow:visible}.progress-svg text{font-family:Arial,sans-serif;fill:#74838e;font-size:9px}.progress-svg .grid-line{stroke:#e7edf1;stroke-width:1}.progress-svg .axis-line{stroke:#cbd6de;stroke-width:1}.progress-svg .wpm-line{fill:none;stroke:#244d70;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.progress-svg .accuracy-line{fill:none;stroke:#167041;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.progress-svg .wpm-dot{fill:#244d70}.progress-svg .accuracy-dot{fill:#167041}.progress-bars{height:210px;display:flex;align-items:flex-end;gap:8px;padding:18px 5px 28px;border-bottom:1px solid #d9e2e8;position:relative}.progress-bar-column{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.progress-bar-value{font-size:8px;color:#60727f;margin-bottom:4px;white-space:nowrap}.progress-bar-fill{width:min(30px,70%);min-height:2px;background:#587c96;border-radius:5px 5px 2px 2px}.progress-bar-label{position:absolute;top:calc(100% + 7px);font-size:8px;color:#73828d;white-space:nowrap;max-width:52px;overflow:hidden;text-overflow:ellipsis}.progress-empty{height:210px;display:grid;place-items:center;color:#7a8994;font-size:12px;text-align:center;padding:20px}.progress-note{margin-top:10px;color:#72818c;font-size:10px;line-height:1.45}.progress-note strong{color:#41596a}.recent-filter-tabs{display:flex;gap:4px;background:#eef2f5;border-radius:8px;padding:4px;margin:-4px 0 12px}.recent-filter-tabs button{flex:1;border:0;background:transparent;border-radius:6px;padding:8px 10px;font-weight:800;font-size:11px;color:#526879;cursor:pointer}.recent-filter-tabs button.active{background:#fff;color:#173a58;box-shadow:0 1px 6px rgba(20,43,64,.09)}.brand-with-logo{display:flex;align-items:center;gap:9px}.brand-logo{display:block;width:44px;height:44px;object-fit:contain;flex:0 0 auto}.brand-copy strong{display:block}.brand-copy small{display:block;font-size:10px;opacity:.74;margin-top:2px}@media(max-width:1000px){.progress-summary-grid{grid-template-columns:repeat(3,1fr)}.progress-charts-grid{grid-template-columns:1fr}.progress-analytics-head{flex-direction:column}.progress-control-stack{justify-content:flex-start}}@media(max-width:620px){.progress-analytics-card{padding:16px}.progress-summary-grid{grid-template-columns:repeat(2,1fr)}.progress-control-stack{width:100%}.progress-toggle{width:100%;overflow:auto}.progress-toggle button{flex:1}.progress-svg,.progress-bars,.progress-empty{height:185px}.brand-logo{width:36px;height:36px}}