@layer quartz-base{.dashboard-page{max-width:1200px;margin:0 auto;padding:1rem}.dashboard-title{text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--lightgray,#f0f0f0);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem 1rem;transition:transform .15s,box-shadow .15s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon{font-size:1.6rem}.stat-value{color:var(--dark,#333);font-size:1.5rem;font-weight:700}.stat-label{color:var(--gray,#888);font-size:.8rem}.dashboard-body{flex-direction:column;gap:1.5rem;display:flex}.dashboard-heatmap h3{margin-bottom:.8rem;font-size:1.1rem}.heatmap-container{align-items:flex-start;gap:.3rem;display:flex}.heatmap-weekdays{grid-template-rows:repeat(7,12px);gap:2px;padding-top:1.2rem;display:grid}.weekday-label{color:var(--gray,#888);text-align:right;padding-right:2px;font-size:.55rem;line-height:12px}.heatmap-scroll{flex:1;overflow-x:auto}.heatmap-month-labels{grid-template-columns:repeat(53,12px);gap:2px;margin-bottom:2px;display:grid}.month-label{color:var(--gray,#888);grid-row:1;font-size:.55rem}.heatmap-grid{grid-template-columns:repeat(53,12px);gap:2px;display:grid}.heatmap-week{grid-template-rows:repeat(7,12px);gap:2px;display:grid}.heatmap-cell{background:var(--lightgray,#ebedf0);border-radius:2px;width:12px;height:12px}.heatmap-lvl-0{background:var(--lightgray,#ebedf0)}.heatmap-lvl-1{background:#9be9a8}.heatmap-lvl-2{background:#40c463}.heatmap-lvl-3{background:#30a14e}.heatmap-lvl-4{background:#216e39}[saved-theme=dark] .heatmap-lvl-0{background:#1a1a2e}[saved-theme=dark] .heatmap-lvl-1{background:#0e4429}[saved-theme=dark] .heatmap-lvl-2{background:#006d32}[saved-theme=dark] .heatmap-lvl-3{background:#26a641}[saved-theme=dark] .heatmap-lvl-4{background:#39d353}.heatmap-legend{color:var(--gray,#888);justify-content:flex-end;align-items:center;gap:3px;margin-top:.5rem;font-size:.65rem;display:flex}.heatmap-legend .heatmap-cell{width:10px;height:10px}.dashboard-graph h3{margin-bottom:.8rem;font-size:1.1rem}.dashboard-graph .graph{width:100%;max-width:100%}.dashboard-graph .graph-outer,.dashboard-graph .global-graph-outer{aspect-ratio:16/9;width:100%;min-height:400px}.dashboard-graph .global-graph-outer{display:none!important}@media (max-width:768px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.heatmap-scroll{max-width:calc(100vw - 4rem)}}@media (max-width:480px){.dashboard-stats{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.8rem .5rem}.stat-value{font-size:1.2rem}}}