.dashboard-showcase{padding:20px 0 75px}.dashboard-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}.dashboard-intro h2{font-size:clamp(34px,4vw,52px);line-height:1.12;font-weight:500;letter-spacing:-1.7px;margin:17px 0 0}.dashboard-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#b7cfee}.dashboard-intro>p{max-width:360px;color:#93a6c1;font-size:14px;line-height:1.8}.dash-window{border:1px solid #7daafc30;background:linear-gradient(140deg,#172235,#0c131f 65%);border-radius:19px;overflow:hidden;box-shadow:0 20px 70px #0005;animation:dash-glow 6s ease-in-out infinite;animation-play-state:paused}.dash-running .dash-window{animation-play-state:running}.dash-toolbar{display:flex;justify-content:space-between;gap:15px;padding:19px 24px;border-bottom:1px solid #ffffff0b;font-size:9px;letter-spacing:1px}.dash-window-label{color:#d2e0f4}.dash-window-label b{font-weight:400;color:#728aaa;margin-left:14px;letter-spacing:0}.dash-demo-label{color:#8ca1be;font-size:8px}.dash-layout{display:grid;grid-template-columns:165px 1fr}.dash-sidebar{display:flex;flex-direction:column;gap:24px;border-right:1px solid #ffffff09;padding:29px 16px;color:#91a5c1;font-size:10px}.dash-sidebar>span:first-child{font-size:8px;letter-spacing:1.5px;color:#617c9f}.dash-sidebar b{color:#d2e6ff;background:#81b3ff14;border:1px solid #9cc5ff17;padding:11px;border-radius:8px;font-weight:500}.dash-sidebar small{margin-top:auto;color:#637c9e;line-height:1.8;font-size:9px}.dash-main{padding:26px;min-width:0}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dash-title>div>span{font-size:8px;letter-spacing:1.5px;color:#859bb9}.dash-title h3{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:6px 0 0}.dash-period{font-size:9px;color:#a4b6d0;border:1px solid #ffffff14;padding:7px 11px;border-radius:7px}.dash-metrics{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px}.dash-metrics article{padding:17px;background:#ffffff03;border:1px solid #ffffff0e;border-radius:11px}.dash-metrics article>span{display:block;color:#90a5c2;font-size:10px}.dash-metrics strong{display:block;font-size:34px;font-weight:500;letter-spacing:-1px;margin:9px 0 3px;color:#e8f1ff}.dash-metrics strong>small{font-size:12px;color:#6882a5;margin-left:5px;letter-spacing:0}.dash-metrics article>small{font-size:8px;color:#728aac}.dash-metrics .dash-focus{font-size:20px;letter-spacing:-.4px;margin:17px 0 10px}.dash-chart-row{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:15px}.dash-chart,.dash-scorecard,.dash-calls{background:#0b121b55;border:1px solid #ffffff0e;border-radius:11px;padding:18px;min-width:0}.dash-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.dash-main h4{font-size:12px;font-weight:500;color:#d7e4f7;margin:0}.dash-panel-title>span{font-size:8px;color:#788faf}.dash-chart svg{width:100%;height:auto;margin-top:16px;overflow:visible}.dash-grid path{stroke:#9fc4f511;stroke-width:1;fill:none}.dash-line{fill:none;stroke:#96c3ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.dash-area{fill:url(#dash-area)}.dash-chart-halo{fill:#92bfff25;transform-box:fill-box;transform-origin:center;animation:dash-halo 3s ease-in-out infinite;animation-play-state:paused}.dash-running .dash-chart-halo{animation-play-state:running}.dash-axis{fill:#7690b0;font-size:10px}.dash-chart>p{font-size:8px;color:#6e87a7;margin:10px 0 0}.dash-score{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:19px;font-size:9px;color:#a0b4ce}.dash-score b{font-size:10px;color:#c7dcf9;font-weight:500}.dash-score>div{grid-column:1/-1;height:4px;background:#9fb6d513;border-radius:4px;overflow:hidden}.dash-score i{display:block;width:var(--score);height:100%;background:linear-gradient(90deg,#4b6890,#add2ff);border-radius:4px;transform-origin:left}.dash-running .dash-score i{animation:dash-bar 1.5s cubic-bezier(.2,.7,.3,1) both}.dash-running .dash-line{animation:dash-draw 2.2s ease both}.dash-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:15px}.dash-calls>div{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff08}.dash-calls>div:last-child{border:0;padding-bottom:0}.dash-calls b{display:block;font-size:10px;font-weight:500;color:#bbcee8}.dash-calls small{display:block;font-size:8px;color:#6e87a8;margin-top:3px}.dash-calls strong{font-size:16px;font-weight:500;color:#c5dcfb}.dash-calls strong small{display:inline;font-size:8px}.dash-tag{font-size:7px;color:#99c8b9;background:#81c1a00b;border:1px solid #81c1a016;border-radius:20px;padding:4px 7px}.dash-next{padding:18px;background:linear-gradient(130deg,#27416366,#16243855);border:1px solid #92bdfe26;border-radius:11px;position:relative}.dash-next>span{color:#a0c5fa;font-size:8px;letter-spacing:1px}.dash-next h4{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:13px 0}.dash-next p{font-size:11px;line-height:1.7;color:#9cb1cc;margin:0 0 10px}.dash-next small{font-size:8px;color:#6f8eb4}.dash-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ffffff0b;padding:15px 24px;font-size:8px;color:#7890b0}.dash-bottom-bar a{font-size:10px;color:#c7dcfa;text-decoration:none}.dash-cta{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:28px}.dash-cta p{font-size:12px;color:#8199b8}.dash-cta a{font-size:12px;padding:12px 20px}@keyframes dash-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes dash-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dash-halo{0%,100%{transform:scale(.8);opacity:.3}50%{transform:scale(1.4);opacity:.9}}@keyframes dash-glow{0%,100%{box-shadow:0 20px 70px #0005,0 0 40px #75a5ff07}50%{box-shadow:0 20px 70px #0005,0 0 70px #75a5ff22}}@media(max-width:900px){.dash-sidebar{display:none}.dash-layout{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-intro{display:block}.dashboard-intro>p{max-width:none;margin-top:20px}.dash-toolbar{padding:15px;flex-direction:column;gap:6px}.dash-main{padding:15px}.dash-title h3{font-size:20px}.dash-metrics{grid-template-columns:1fr 1fr}.dash-metrics article:last-child{grid-column:1/-1}.dash-metrics .dash-focus{margin:8px 0}.dash-chart-row,.dash-bottom{grid-template-columns:1fr}.dash-chart svg{max-height:190px}.dash-bottom-bar,.dash-cta{flex-direction:column;align-items:flex-start}.dash-cta{gap:8px}.dashboard-showcase{padding-bottom:50px}.dash-period{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.dashboard-showcase *{animation:none!important;transition:none!important}.dash-line{stroke-dashoffset:0}.dash-score i{transform:none}}
