.route-app{--purple:#7658ff;color:#171629;background:#f6f5fb;min-height:100vh;padding-bottom:45px;font-family:Arial,sans-serif}.route-app>header,.route-hero,.route-metrics,.route-history,.route-app>footer,.route-error{width:min(1080px,100% - 32px);margin:auto}.route-app>header{justify-content:space-between;align-items:center;height:74px;display:flex}.route-app a{color:inherit;text-decoration:none}.route-app>header>a{align-items:center;gap:7px;font-weight:800;display:flex}.route-download{background:#171629;border-radius:12px;padding:12px 16px;color:#fff!important}.route-hero{color:#fff;background:linear-gradient(135deg,#16152a,#2c245a);border-radius:28px;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:38px;display:grid}.route-hero small{color:#bcb0ff;letter-spacing:.12em;font-weight:900}.route-hero h1{align-items:center;gap:10px;margin:8px 0;font-size:42px;display:flex}.route-hero>div>p{color:#c5c2d7;line-height:1.6}.route-live{text-align:center;background:#ffffff10;border:1px solid #ffffff20;border-radius:20px;padding:24px;display:grid}.route-live.active{box-shadow:inset 0 0 0 2px #7dffb1}.route-live.paused{box-shadow:inset 0 0 0 2px #f5c451}.route-live span{color:#a9a3c3;font-size:9px;font-weight:900}.route-live strong{margin-top:10px;font-size:38px}.route-live p{color:#fff!important;margin:4px 0 18px!important;font-size:22px!important}.route-live button{color:#fff;cursor:pointer;background:#8a70ff;border:0;border-radius:12px;justify-content:center;gap:7px;padding:13px;font-weight:900;display:flex}.route-live.active button{background:#8a70ff}.route-live-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.route-live-actions button.finish{background:#ff657d}.route-metrics{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px;display:grid}.route-metrics article{background:#fff;border:1px solid #e6e3f0;border-radius:15px;padding:17px;display:grid}.route-metrics small{color:#858096}.route-metrics strong{margin-top:5px;font-size:18px}.route-history{background:#fff;border:1px solid #e5e2ef;border-radius:20px;margin-top:18px;padding:22px}.route-history-head{justify-content:space-between;align-items:center;display:flex}.route-history-head h2{margin:4px 0}.route-history-head small{color:var(--purple);font-weight:900}.route-history-head select{background:#fff;border:1px solid #dfdbea;border-radius:9px;padding:9px}.route-totals{background:#f5f2ff;border-radius:12px;gap:25px;margin:15px 0;padding:13px;font-size:11px;display:flex}.route-history article{border-top:1px solid #eeebf3;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px 3px;display:grid}.route-history article>svg{color:var(--purple);font-size:24px}.route-history article span{display:grid}.route-history article small{color:#8b8797}.route-history article button{color:#c5304d;cursor:pointer;background:#fff0f2;border:0;border-radius:8px;padding:8px}.route-record-actions{gap:6px;display:flex}.route-record-actions button:first-child{color:var(--purple);background:#eeeaff}.route-record-actions button:disabled{opacity:.35;cursor:not-allowed}.route-empty{text-align:center;color:#8a8695;padding:30px}.route-error{color:#b42318;margin-top:15px}.route-app>footer{text-align:center;color:#777386;margin-top:22px;font-size:11px}@media (max-width:760px){.route-download{font-size:0}.route-download svg{font-size:20px}.route-hero{grid-template-columns:1fr;padding:26px}.route-hero h1{font-size:32px}.route-metrics{grid-template-columns:repeat(2,1fr)}.route-totals{gap:7px;display:grid}.route-history article{grid-template-columns:auto 1fr auto}.route-history article>strong{grid-column:2}.route-history article>.route-record-actions{grid-area:1/3}}