.dashboard-page{max-width:none}.dash-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:38px;padding:38px 4.5% 70px;max-width:1800px;margin:auto}.dash-sidebar{position:sticky;top:25px;align-self:start}.back-link{display:block;color:#888;font-size:11px;margin:0 0 35px}.dash-sidebar>.eyebrow{display:block;margin-bottom:16px}.dash-tabs{display:flex;flex-direction:column;gap:7px}.dash-tabs button{display:grid;grid-template-columns:22px 1fr;gap:7px 8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:16px 12px;color:#999}.dash-tabs button[aria-selected=true]{background:#191919;border-color:#444;color:#fff}.dash-tabs span{grid-row:span 2;font:10px monospace;color:#666;padding-top:2px}.dash-tabs b{font-size:12px;font-weight:500;line-height:1.4}.dash-tabs small{font-size:10px;color:#777}.sidebar-note{border-top:1px solid #333;margin-top:35px;padding-top:24px;color:#777}.sidebar-note>span{font:9px monospace;letter-spacing:1px}.sidebar-note p{font-size:12px;line-height:1.7}.sidebar-note a{font-size:11px;color:#ccc}#dashboard{min-width:0}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.dash-heading h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(29px,3vw,48px);letter-spacing:-1.7px;font-weight:400;line-height:1.1;margin:15px 0}.dash-heading p{max-width:590px;color:#999;font-size:13px;line-height:1.7;margin:0}.dash-heading .nav-cta{white-space:nowrap;border-radius:9px}.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #333;border-radius:14px;background:#101010;padding:16px 20px}.demo-banner b{font:9px monospace;letter-spacing:1.4px;display:block;margin-bottom:7px}.demo-banner span{font-size:11px;line-height:1.5;color:#999}.demo-controls{display:flex;gap:8px;flex-shrink:0}.demo-controls button{background:#1d1d1d;border:1px solid #444;border-radius:7px;font-size:10px;padding:10px}.dash-pipeline{display:flex;align-items:center;gap:12px;margin:22px 0;color:#777;font:8px monospace;letter-spacing:1px}.dash-pipeline i{height:1px;background:linear-gradient(90deg,#333,#aaa,#333);flex:1;position:relative;overflow:hidden}.dash-pipeline i:after{content:'';position:absolute;height:1px;width:18px;background:white;animation:dash-flow 3s linear infinite}.demo-paused .dash-pipeline i:after{animation-play-state:paused}@keyframes dash-flow{from{left:-18px}to{left:100%}}.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.dash-kpis article,.dash-card{background:#101010;border:1px solid #303030;border-radius:18px}.dash-kpis article{padding:19px 17px;min-height:124px}.dash-kpis span{display:block;font-size:10px;color:#999;line-height:1.4}.dash-kpis strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:400;margin:12px 0 7px;letter-spacing:-1px;overflow-wrap:anywhere}.dash-kpis small{font-size:9px;line-height:1.5;color:#777;display:block}.dash-chart-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:18px}.dash-card{padding:22px;min-width:0}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:22px}.card-heading .eyebrow{font-size:8px;color:#888}.card-heading h2{font-size:20px;line-height:1.2;letter-spacing:-.5px;margin:10px 0 0}.card-heading>span{font:10px monospace;color:#aaa}.trend-card svg{width:100%;display:block;overflow:visible}.chart-axis{display:flex;justify-content:space-between;gap:10px;color:#666;font:8px monospace;margin-top:10px}.chart-axis span:nth-child(2){text-align:center}.donut-layout{display:flex;align-items:center;gap:22px}.dash-donut{width:135px;height:135px;border-radius:50%;flex-shrink:0;padding:14px;background:#333}.dash-donut>div{width:100%;height:100%;border-radius:50%;background:#101010;display:flex;flex-direction:column;align-items:center;justify-content:center}.dash-donut strong{font-size:30px;font-weight:400}.dash-donut span{font:9px monospace;color:#888}#dash-legend>div{font-size:10px;margin:15px 0;display:flex;gap:8px;align-items:center}#dash-legend i{width:7px;height:7px;border-radius:2px}#dash-legend b{font-weight:400;color:#aaa}.card-foot{font-size:10px;line-height:1.7;color:#777;margin:20px 0 0}.dash-bottom-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:18px}.mix-item{margin:15px 0}.mix-item>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#aaa}.mix-track{height:6px;border-radius:8px;background:#292929;margin-top:9px;overflow:hidden}.mix-track i{display:block;height:100%;background:#ccc;border-radius:8px;transition:width .6s ease}.activity-card ol{list-style:none;padding:0;margin:0}.activity-card li{padding:11px 0;border-bottom:1px solid #242424;display:grid;grid-template-columns:60px 1fr;gap:12px;animation:event-in .4s ease}.activity-card li>span{font:9px monospace;color:#666}.activity-card li b{font-weight:400;font-size:11px;display:block}.activity-card li small{font-size:10px;color:#777;display:block;margin-top:6px}#dash-run-state{font-size:9px;white-space:nowrap}.ledger-filter{font-size:10px;margin:0;display:flex;align-items:center;gap:10px}.ledger-filter select{width:auto;margin:0;border-radius:8px;font-size:10px;padding:8px}.ledger-scroll{overflow-x:auto}.ledger table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.ledger th{text-align:left;font-weight:400;color:#777;padding:12px 12px 12px 0;border-bottom:1px solid #333}.ledger td{padding:15px 12px 15px 0;border-bottom:1px solid #242424}.ledger td:nth-child(2){white-space:normal;min-width:130px;line-height:1.5}.ledger button{font-size:10px;border:1px solid #444;border-radius:7px;background:#191919;padding:7px 10px}.route-badge{border:1px solid #444;border-radius:20px;padding:5px 8px;color:#bbb;font-size:9px}.dash-boundary{padding:30px 4px}.dash-boundary>span{font:9px monospace;letter-spacing:1px;color:#aaa}.dash-boundary p{font-size:12px;line-height:1.8;color:#777;max-width:780px}.dash-boundary a{display:inline-block}.dashboard-page dialog{border-radius:18px}.dashboard-page dialog h3{font-size:15px;font-weight:500;margin-top:25px}#record-evidence article{border:1px solid #333;border-radius:10px;padding:14px;margin:12px 0}#record-evidence b{font:10px monospace;color:#aaa}#record-evidence p{font-size:12px;line-height:1.7;color:#bbb;margin-bottom:0}#record-next{font-size:13px;line-height:1.7;color:#bbb}@keyframes event-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:1200px){.dash-shell{grid-template-columns:190px minmax(0,1fr);gap:22px;padding-inline:3%}.dash-chart-grid,.dash-bottom-grid{grid-template-columns:1fr}.dash-kpis strong{font-size:26px}.dash-kpis article{padding:15px 12px}.dash-heading{display:block}.dash-heading .nav-cta{display:inline-block;margin-top:18px}}@media(max-width:750px){.dash-shell{grid-template-columns:1fr;padding:25px 5%}.dash-sidebar{position:static}.back-link{margin-bottom:18px}.dash-tabs{display:grid;grid-template-columns:1fr 1fr}.sidebar-note{display:none}.dash-sidebar>.eyebrow{margin:15px 0}.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-banner{align-items:start;flex-direction:column}.dash-pipeline{font-size:7px;gap:6px;letter-spacing:0}.dash-card{padding:18px}.card-heading h2{font-size:19px}.ledger .card-heading{flex-direction:column}.donut-layout{gap:20px}.chart-axis{font-size:7px}.dash-heading h1{font-size:34px}.dash-kpis strong{font-size:31px}}@media(prefers-reduced-motion:reduce){.dash-pipeline i:after{animation:none}.activity-card li{animation:none}.mix-track i{transition:none}}

.dash-kpis strong{animation:event-in .4s ease}@media(prefers-reduced-motion:reduce){.dash-kpis strong{animation:none}}