body[data-view="dashboard"] .card{max-width:1180px;background:linear-gradient(155deg,rgba(18,30,51,.96),rgba(7,13,24,.97))}
.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.dashboard-header h1{margin:8px 0 0;font-size:clamp(34px,5vw,58px)}.dashboard-header h1 em{color:var(--gold);font-style:normal}.dashboard-updated{color:var(--muted);font-size:12px}.dashboard-header-actions{display:flex;align-items:center;gap:12px}.dashboard-share{white-space:nowrap}
.dashboard-today{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.dashboard-stat{min-height:120px;padding:18px;border:1px solid #495978;border-radius:16px;background:linear-gradient(145deg,#17243b,#0d1729);box-shadow:0 12px 30px #0004}.dashboard-stat b{display:block;color:#f4c85f;font-size:34px}.dashboard-stat span{display:block;margin-top:7px;color:#f8eed7;font-weight:800}.dashboard-stat small{display:block;margin-top:5px;color:var(--muted)}
.dashboard-section{margin-top:27px}.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.dashboard-section h2{margin:0;font-size:21px}.dashboard-section-head small{color:var(--muted)}
.level-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.level-progress-card{padding:14px;border:1px solid #41516e;border-radius:13px;background:#101b2e}.level-progress-card header{margin:0 0 10px}.level-progress-card strong{color:var(--gold);font-size:18px}.level-progress-card header span{color:var(--muted);font-size:12px}.level-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#293650}.level-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c38b32,#f5d36d)}.level-progress-card footer{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:11px}
.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dimension-card{padding:18px;border:1px solid #4b5d7b;border-radius:15px;background:#111d31}.dimension-card h3{margin:0;color:#f6e8ca}.dimension-score{margin:12px 0;color:var(--gold);font-size:30px;font-weight:900}.dimension-meta{display:flex;gap:14px;color:var(--muted);font-size:12px}
.dashboard-recent{display:grid;gap:8px}.dashboard-session{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #3e4e69;border-radius:12px;background:#0f192b}.dashboard-session strong,.dashboard-session span,.dashboard-session small{display:block}.dashboard-session strong{color:var(--gold)}.dashboard-session span{margin-top:3px;color:#f2e8d3}.dashboard-session small{color:var(--muted);font-size:11px}.dashboard-session .btn{min-width:112px;padding:9px 12px;font-size:13px}.dashboard-empty{padding:22px;text-align:center;color:var(--muted);border:1px dashed #455570;border-radius:12px}
@media(max-width:900px){.dashboard-today{grid-template-columns:repeat(2,1fr)}.level-progress-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-today,.level-progress-grid,.dimension-grid{grid-template-columns:1fr}.dashboard-session{align-items:flex-start;flex-direction:column}.dashboard-session .btn{width:100%}}
.dashboard-first{margin-top:0}.dashboard-total{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.weekly-goal-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:20px;border:1px solid #806a42;border-radius:16px;background:linear-gradient(145deg,#292219,#111b2d)}.weekly-goal-card strong{font-size:28px;color:var(--gold)}.weekly-goal-card p{margin:6px 0 13px;color:var(--muted)}.weekly-goal-card label{display:grid;gap:7px;color:var(--muted);font-size:12px}.weekly-goal-card select{min-width:120px;padding:11px;border:1px solid #77643f;border-radius:10px;background:#111b2c;color:var(--cream);font-size:15px}.dashboard-lanes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-lanes article{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:15px;align-items:center;padding:18px;border:1px solid #856c3e;border-radius:16px;background:linear-gradient(145deg,#282218,#132036)}.dashboard-lanes article>b{grid-row:1/3;color:var(--gold);font-size:42px}.dashboard-lanes article>span{font-weight:850;font-size:18px}.dashboard-lanes article>small{color:var(--muted)}.dashboard-lanes article>.btn{grid-column:3;grid-row:1/3;min-width:118px}.dashboard-lanes .review-lane{border-color:#536b91;background:linear-gradient(145deg,#172a43,#101827)}
.dashboard-four{grid-template-columns:repeat(4,1fr)}.dashboard-growth{overflow:hidden;padding:20px;border:1px solid #455674;border-radius:18px;background:linear-gradient(145deg,#111d31,#0b1424)}.dashboard-growth .chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dashboard-growth .chart-header h3{margin:0;font-size:21px}.dashboard-growth .chart-header p{margin:6px 0 0;color:var(--muted)}.dashboard-growth .chart-header-right{display:flex;align-items:center;gap:18px}.dashboard-growth .chart-stat{display:grid}.dashboard-growth .chart-stat strong{color:var(--gold);font-size:24px}.dashboard-growth .chart-stat small{color:var(--muted)}.dashboard-growth .home-period-switcher{display:flex;gap:4px;padding:4px;border:1px solid #485975;border-radius:10px}.dashboard-growth .home-period-switcher button{padding:7px 11px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.dashboard-growth .home-period-switcher button.active{background:#9a6b27;color:#fff5dc}.dashboard-growth .home-chart svg{display:block;width:100%;height:auto;margin-top:16px}.dashboard-growth .home-chart line{stroke:#34445d;stroke-width:1}.dashboard-growth .home-chart text{fill:#98a8c1;font-size:12px}.dashboard-growth .growth-area{fill:url(#home-fill)}.dashboard-growth .growth-line{fill:none;stroke:url(#home-line);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.dashboard-growth .home-chart circle{fill:#f2c45d}.dashboard-growth .point-value{fill:#f5d47c!important;font-weight:800}
.dashboard-total-three{grid-template-columns:repeat(3,1fr)}.dashboard-sparkline{display:block;width:100%;height:32px;margin-top:12px}.dashboard-sparkline polyline{fill:none;stroke:#b8860b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dashboard-sparkline-empty{height:32px;margin-top:12px;color:var(--muted);font-size:11px;line-height:32px}
.weekly-goal-ring-card{grid-template-columns:auto 1fr;justify-items:start}.weekly-ring{position:relative;width:112px;height:112px;flex:0 0 112px}.weekly-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.weekly-ring circle{fill:none;stroke-width:12}.weekly-ring-track{stroke:#ede3cc}.weekly-ring-progress{stroke:#b8860b;stroke-linecap:round;stroke-dasharray:var(--ring-circumference);stroke-dashoffset:var(--ring-circumference);transition:stroke-dashoffset .6s ease}.weekly-ring.ready .weekly-ring-progress{stroke-dashoffset:var(--ring-offset)}.weekly-ring.complete .weekly-ring-progress{stroke:#76520a}.weekly-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.weekly-ring strong{font-size:25px;line-height:1}.weekly-ring strong i{font-style:normal;color:#76520a}.weekly-ring small{margin-top:7px;color:var(--muted);font-weight:700}.weekly-ring-empty{display:grid;width:112px;height:112px;place-items:center;border:12px solid #ede3cc;border-radius:50%;color:var(--muted);text-align:center}.weekly-goal-copy{display:grid;align-content:center;gap:6px}.weekly-goal-copy strong{font-size:25px;color:var(--gold)}.weekly-goal-copy p{margin:0 0 8px;color:var(--muted)}.weekly-goal-copy label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.dashboard-heatmap-card{margin-top:18px;padding:20px;border:1px solid #806a42;border-radius:18px;background:linear-gradient(145deg,#171c24,#111b2d)}.dashboard-heatmap-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dashboard-heatmap-card h2{margin:0;font-size:21px}.dashboard-heatmap-card p{margin:6px 0 0;color:var(--muted)}.heatmap-legend{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.heatmap-legend i{width:14px;height:14px;border-radius:3px}.dashboard-heatmap{display:grid;grid-template-columns:repeat(5,minmax(36px,1fr));gap:8px;margin-top:18px}.dashboard-heatmap button{position:relative;min-height:38px;border:0;border-radius:5px;color:#6c5a3d;cursor:pointer}.dashboard-heatmap button span{font-size:10px;opacity:.72}.dashboard-heatmap button.today{outline:2px dashed #b8860b;outline-offset:2px}.heat-0{background:#ede3cc}.heat-1{background:#d9c69e}.heat-2{background:#c5a66b}.heat-3{background:#a87927}.heat-4{background:#76520a}.dashboard-heatmap .heat-3,.dashboard-heatmap .heat-4{color:#fff5dc}.heatmap-tooltip{min-height:18px;margin-top:12px;color:var(--muted);font-size:12px}
.learning-share-backdrop{position:fixed;z-index:180;inset:0;display:grid;place-items:center;padding:20px;background:rgba(39,30,20,.45);backdrop-filter:blur(8px)}.learning-share-modal{display:grid;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border:1px solid rgba(184,137,74,.45);border-radius:22px;background:#fffdf8;color:#2f251b;box-shadow:0 28px 90px rgba(69,48,24,.28)}.learning-share-modal header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #eadcc4}.learning-share-modal header small{color:#9b6d3f;font-weight:750;letter-spacing:.08em}.learning-share-modal h2{margin:4px 0 0;font-size:25px}.learning-share-modal header button{border:0;background:transparent;color:#766b5e;font-size:30px;cursor:pointer}.learning-share-modal>img{display:block;width:min(420px,100%);margin:18px auto;border:1px solid #eadcc4;border-radius:16px;box-shadow:0 12px 35px rgba(92,65,31,.16)}.learning-share-modal>p{margin:0;color:#766b5e;text-align:center;font-size:13px}.learning-share-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
@media(max-width:900px){.dashboard-total,.dashboard-total-three,.dashboard-four{grid-template-columns:repeat(2,1fr)}.dashboard-lanes{grid-template-columns:1fr}.dashboard-growth .chart-header{flex-direction:column}.dashboard-growth .chart-header-right{width:100%;flex-wrap:wrap}}
@media(max-width:620px){.dashboard-total,.dashboard-total-three,.dashboard-four{grid-template-columns:1fr}.dashboard-header-actions{width:100%;justify-content:space-between}.weekly-goal-card{grid-template-columns:1fr}.weekly-goal-ring-card{justify-items:center;text-align:center}.weekly-goal-copy label{justify-content:center}.dashboard-heatmap-card header{flex-direction:column}.dashboard-heatmap{gap:6px}.dashboard-lanes article{grid-template-columns:auto 1fr}.dashboard-lanes article>.btn{grid-column:1/3;grid-row:3;margin-top:12px}.dashboard-growth .chart-stat{display:none}.learning-share-modal footer{display:grid;grid-template-columns:1fr}.learning-share-modal footer .btn{width:100%}}