.qs-card{flex-direction:column;gap:14px;display:flex}.qs-header{color:var(--color-subtle-foreground);justify-content:space-between;align-items:center;gap:8px;display:flex}.qs-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-subtle-foreground);font-size:11px;font-weight:700}.qs-start-btn{justify-content:center;width:100%;box-shadow:inset 0 1px rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.3);background:var(--color-accent)!important;color:#fff!important}.qs-start-btn:hover:not(:disabled){background:var(--color-accent-hover)!important}.dashboard-timer{flex-direction:column;gap:12px;display:flex}.dashboard-timer-header{justify-content:space-between;align-items:center;display:flex}.dashboard-timer-status{align-items:center;gap:8px;display:flex}.dashboard-timer-status-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-subtle-foreground);font-size:11px;font-weight:700}.dashboard-timer-time{justify-content:center;padding:12px 0 8px;display:flex}.dashboard-timer-elapsed{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--color-foreground);font-variant-numeric:tabular-nums;font-size:56px;font-weight:300;line-height:1}.dashboard-timer-meta{flex-direction:column;align-items:center;gap:4px;padding-bottom:4px;display:flex}.dash-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=640px){.dash-kpi-grid{grid-template-columns:repeat(4,1fr)}}.dash-kpi-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.dash-kpi-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-subtle-foreground);font-size:11px;font-weight:600}.dash-kpi-value{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-foreground);font-variant-numeric:tabular-nums;font-size:38px;line-height:1}.dash-kpi-sub{color:var(--color-subtle-foreground);font-size:12px}.dash-charts-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.dash-charts-grid{grid-template-columns:1.6fr 1fr}}.dash-chart-island{overflow:hidden}.island-subtitle{color:var(--color-subtle-foreground);margin-left:auto;font-size:11px}.dash-chart-area{width:100%;height:240px}.dash-chart-area--donut{justify-content:center;align-items:center;height:auto;padding:12px 0;display:flex}.dash-period-tabs{background:var(--color-surface-raised);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.dash-period-tab{border-radius:calc(var(--radius-sm) - 2px);color:var(--color-subtle-foreground);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:4px 10px;font-size:11.5px;font-weight:600}.dash-period-tab:hover{color:var(--color-muted-foreground);background:var(--color-surface-tonal)}.dash-period-tab--active{box-shadow:0 1px 2px rgba(0,0,0,.15);background:var(--color-surface)!important;color:var(--color-foreground)!important}.dx-chart-bar{overflow:visible}.dx-bar{fill:var(--color-accent);transition:opacity .15s}.dx-bar-label,.dx-grid-label{fill:var(--color-subtle-foreground);font-size:10px;font-family:var(--font-mono)}.dx-grid{overflow:visible}.dx-grid-line{stroke:var(--color-border-soft);stroke-width:1px;stroke-dasharray:2 4}.dx-tooltip-bg{fill:var(--color-surface);stroke:var(--color-border-soft);stroke-width:1px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.dx-tooltip-label{fill:var(--color-subtle-foreground);font-size:9px;font-family:var(--font-mono);letter-spacing:.05em}.dx-tooltip-value{fill:var(--color-foreground);font-size:13px;font-family:var(--font-mono);font-weight:600}.dash-donut-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.dash-donut-legend{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.dash-donut-legend-row{align-items:center;gap:8px;min-width:0;display:flex}.dash-donut-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dash-donut-legend-name{color:var(--color-muted-foreground);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:500;overflow:hidden}.dash-donut-legend-time{font-size:12px;font-family:var(--font-mono);color:var(--color-foreground);flex-shrink:0;font-weight:600}.dash-donut-legend-pct{color:var(--color-subtle-foreground);text-align:right;flex-shrink:0;width:34px;font-size:11px}.month-table{border-collapse:collapse;width:100%}.month-table th{letter-spacing:.1em;text-transform:uppercase;color:var(--color-subtle-foreground);text-align:left;border-bottom:1px solid var(--color-border-soft);padding:8px 16px;font-size:11px;font-weight:700}.month-table-th-total{text-align:right!important}.month-table td{border-bottom:1px solid var(--color-border-soft);vertical-align:middle;padding:10px 16px}.month-table tbody tr:last-child td{border-bottom:none}.month-table-month{color:var(--color-foreground);white-space:nowrap;font-size:13px;font-weight:500}.month-table-year{font-size:12px;font-family:var(--font-mono);color:var(--color-subtle-foreground);white-space:nowrap}.month-table-mix{width:100%}.month-table-total{font-family:var(--font-mono);color:var(--color-foreground);text-align:right;white-space:nowrap;font-size:12.5px;font-weight:600}.month-table-empty{color:var(--color-subtle-foreground);text-align:center;padding:24px 16px;font-size:13px}.month-table-skeleton{flex-direction:column;gap:0;display:flex}.month-table-skeleton-row{border-bottom:1px solid var(--color-border-soft);grid-template-columns:100px 60px 1fr 80px;align-items:center;gap:16px;padding:12px 16px;display:grid}.month-table-skeleton-row:last-child{border-bottom:none}.mix-bar-wrap{width:100%;min-width:80px;position:relative}.mix-bar{background:var(--color-surface-raised);border-radius:5px;gap:1px;height:10px;display:flex;overflow:hidden}.mix-bar-seg{min-width:2px;height:100%}.mix-bar-empty{color:var(--color-faint-foreground);font-size:13px}.mix-bar-tooltip{z-index:100;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);pointer-events:none;flex-direction:column;gap:5px;min-width:180px;padding:8px 10px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 12px rgba(0,0,0,.25)}.mix-bar-tooltip-row{align-items:center;gap:6px;display:flex}.mix-bar-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mix-bar-tooltip-name{color:var(--color-muted-foreground);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.mix-bar-tooltip-hours{font-size:11.5px;font-family:var(--font-mono);color:var(--color-foreground);flex-shrink:0;font-weight:600}.mix-bar-tooltip-pct{color:var(--color-subtle-foreground);text-align:right;flex-shrink:0;width:32px;font-size:11px}