/* Reference: Kiranism/tanstack-start-dashboard; original implementation, no demo data. */
.dashboard{background:#fafafa;color:#20212b}.dashboard .workspace-sidebar{background:#f3f3f6;color:#20212b;border-right:1px solid #e2e2e8}.dashboard .workspace-brand{font:650 23px system-ui}.dashboard .workspace-brand span,.dashboard .staff-context>span{color:#62626f}.dashboard .workspace-sidebar nav a{color:#42424e}.dashboard .workspace-sidebar nav a:hover{background:#e9e8f0}.dashboard .workspace-sidebar nav a[aria-current=page]{background:#e7e4f2;color:#403773}.dashboard .staff-context{border-color:#d9d9e1}.dashboard .staff-context .logout{color:#403773}.dashboard h2{font:650 28px/1.3 system-ui;letter-spacing:-.6px}.dashboard .workspace-top{border-bottom:1px solid #e2e2e8;padding-bottom:20px;margin-bottom:28px}.dashboard #workspace-content{max-width:none;padding:24px 32px 48px}.dashboard .workspace-top .success{font-size:12px}.overview-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.overview-heading .subtitle{margin-bottom:12px}.overview-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.overview-controls label{font-weight:400;margin:0;font-size:12px}.overview-controls select{width:auto;min-height:38px;font-size:13px;padding:8px}.overview-controls button{min-height:38px;padding:8px 14px;background:#514b8e;color:white;font-size:13px}#overview-status{font-size:12px;color:#62626f;line-height:1.6;margin:6px 0 22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{background:white;border:1px solid #e2e2e8;border-radius:10px;padding:20px;min-width:0}.metric h3{font:500 13px system-ui;color:#62626f;margin:0 0 18px}.metric>strong{font:650 32px system-ui;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric>strong.metric-unavailable{font-size:21px;letter-spacing:-.3px;color:#705028}.metric p{font-size:12px;color:#62626f;line-height:1.6;margin-bottom:0}.overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;margin-top:22px}.chart-panel{background:white;border:1px solid #e2e2e8;border-radius:10px;padding:24px;min-width:0}.chart-panel h3{font-size:16px}.chart-panel>p{font-size:12px;line-height:1.6;color:#62626f}.growth-chart svg{width:100%;height:190px;border-bottom:1px solid #e2e2e8;fill:#7065a6}.growth-chart p{font-size:12px;color:#62626f}.chart-panel summary{cursor:pointer;font-size:13px;padding:12px 0;color:#403773}.table-scroll{overflow:auto;max-height:330px}.chart-panel table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.chart-panel th,.chart-panel td{padding:12px 8px;border-bottom:1px solid #eeeef2}.chart-panel td:last-child,.chart-panel th:last-child{text-align:right;font-variant-numeric:tabular-nums}.chart-panel caption{text-align:left;font-size:12px;color:#62626f;padding:8px}.purchase-count{font:650 34px system-ui;font-variant-numeric:tabular-nums}.data-note{margin-top:24px;padding:18px 22px;border:1px solid #dfdbe9;border-radius:8px;background:#f2f0f7}.data-note h3{font-size:13px;margin-bottom:8px}.data-note p{font-size:12px;line-height:1.7;color:#5b5769;max-width:100ch}.dashboard .workspace-sidebar small{border-color:#b5b1c7}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-heading{flex-direction:column}.overview-grid{grid-template-columns:1fr}}@media(max-width:700px){.dashboard #workspace-content{padding:24px 18px}.metric-grid{gap:10px}.metric{padding:16px}.metric>strong{font-size:27px}.metric>strong.metric-unavailable{font-size:17px}.chart-panel{padding:18px}.overview-controls{gap:8px}}