.app-theme .demo-dashboard{gap:24px;padding-bottom:16px}.app-theme .demo-dashboard h1{font-size:30px;letter-spacing:-.035em}.app-theme .demo-dashboard .dashboard-metrics{gap:14px;border:0;background:transparent;overflow:visible}.app-theme .demo-dashboard .dashboard-metrics .card{border:1px solid var(--color-line);border-radius:12px;padding:22px;min-width:0;background:var(--color-surface)}.app-theme .demo-dashboard .dashboard-metrics .card>:first-child{min-height:36px;font-size:13px;line-height:1.4}.app-theme .demo-dashboard .dashboard-metrics .num{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.04em;line-height:1.2;margin-top:4px}.app-theme .demo-dashboard .dashboard-metrics .card>:last-child{flex-wrap:wrap;align-items:baseline;gap:5px 8px;margin-top:12px;line-height:1.5}.app-theme .demo-dashboard .dashboard-metrics .card>:last-child>span:first-child{flex-shrink:0}.dashboard-panels{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px}.app-theme .demo-dashboard .dashboard-panels>.card{padding:24px;border-radius:12px;min-width:0;background:var(--color-surface)}.dashboard-panels h2{font-size:16px;font-weight:600;letter-spacing:-.015em}.dashboard-trend{grid-column:1;grid-row:1}.dashboard-status{grid-column:2;grid-row:1}.dashboard-stages{grid-column:1/-1;grid-row:2}.dashboard-trend>:first-child{margin-bottom:24px;gap:16px}.dashboard-trend svg text{font-size:12px}.dashboard-trend svg line{opacity:.55;stroke-dasharray:3 5}.dashboard-status-body{display:flex;flex-direction:column;align-items:center;gap:22px}.dashboard-ring{width:156px;height:156px}.dashboard-legend{width:100%;display:grid;gap:12px}.dashboard-share{display:inline-block;width:42px;margin-left:10px;text-align:right;color:var(--color-muted);font-size:12px}.dashboard-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.dashboard-stage{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.dashboard-stage>span:first-child{color:var(--color-muted)}.dashboard-stage>span:last-child{grid-column:2;grid-row:1;font-size:23px;font-weight:500}.dashboard-stage-track{grid-column:1/-1;grid-row:2;height:8px}@media(max-width:1100px){.dashboard-panels{grid-template-columns:minmax(0,1fr)}.dashboard-stages,.dashboard-status,.dashboard-trend{grid-column:1;grid-row:auto}.dashboard-trend{order:1}.dashboard-status{order:2}.dashboard-stages{order:3}.dashboard-status-body{flex-direction:row;justify-content:space-evenly}.dashboard-legend{max-width:240px}}@media(max-width:600px){.app-theme .demo-dashboard .dashboard-metrics{gap:10px}.app-theme .demo-dashboard .dashboard-metrics .card{padding:16px 14px}.app-theme .demo-dashboard .dashboard-panels>.card{padding:18px}.dashboard-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dashboard-status-body{gap:18px;flex-wrap:wrap}.dashboard-ring{width:136px;height:136px}.dashboard-trend>:first-child{flex-wrap:wrap}}