*{box-sizing:border-box}:root{--bg:#f4f6f8;--card:#fff;--text:#17212b;--muted:#66717f;--line:#dfe4e8;--primary:#155eef;--primary-dark:#0f4bcc;--success:#137a43;--danger:#b42318;--soft:#edf4ff}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.page{width:min(1180px,calc(100% - 24px));margin:auto;padding:24px 0 56px}.topbar,.section-title,.live-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{margin-bottom:18px}h1,h2{margin:0}h1{font-size:clamp(26px,5vw,40px)}h2{font-size:22px}.eyebrow{margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tabs{position:sticky;top:0;z-index:10;display:flex;gap:8px;overflow-x:auto;margin-bottom:24px;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.tabs a{white-space:nowrap;padding:9px 12px;border-radius:10px;color:var(--text);font-size:14px;font-weight:700;text-decoration:none}.tabs a:hover{background:var(--soft);color:var(--primary)}.card{margin-bottom:20px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 6px 24px rgba(18,27,40,.05)}.card.narrow{max-width:460px;margin:60px auto}.section-title{margin-bottom:14px}.year-title{margin-top:28px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{min-height:104px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.stat span,.live-stats span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}.stat strong{font-size:clamp(18px,3vw,25px)}.stat.highlight{background:var(--soft);border-color:#c9dcff}.form-grid,form{display:grid;gap:12px}label{display:grid;gap:6px;color:#394454;font-size:13px;font-weight:700}.optional{color:var(--muted);font-weight:500}input,select,textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfd6dd;border-radius:10px;background:#fff;color:var(--text);font:inherit}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:3px solid rgba(21,94,239,.12)}.row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:9px}.check input{width:20px;min-height:20px}.btn{display:inline-flex;width:fit-content;min-height:44px;align-items:center;justify-content:center;padding:10px 15px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.btn:hover{background:var(--primary-dark)}.btn-secondary{border:1px solid var(--line);background:#fff;color:var(--text)}.btn-start,.btn-stop{width:100%;min-height:62px;font-size:19px;letter-spacing:.02em}.btn-start{background:#168447}.btn-start:hover{background:#0f6c39}.btn-stop{background:#c43227}.btn-stop:hover{background:#a9271f}.btn:disabled{opacity:.65;cursor:wait}.alert{margin-bottom:16px;padding:12px 14px;border-radius:12px;font-weight:700}.alert.success{background:#eaf8f0;color:var(--success)}.alert.error{background:#fff0ee;color:var(--danger)}.hint,.calc-line,.small-note{color:var(--muted);font-size:13px}.hint{margin:8px 0 12px}.calc-line{padding:10px 12px;border-radius:10px;background:#f7f9fb}.trip-card{border-width:2px}.active-trip{border-color:#8dd7a9}.live-dot{color:#168447;font-size:13px;font-weight:900}.live-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.live-stats>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.live-stats strong{font-size:18px}.gps-status{margin:10px 0 16px;padding:11px 12px;border-radius:10px;background:#eef2f5;color:var(--muted);font-size:13px;font-weight:700}.gps-status.ok{background:#eaf8f0;color:#137a43}.gps-status.warn{background:#fff5e7;color:#9a5b00}.cancel-form{margin-top:8px;text-align:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase}.empty{padding:24px;color:var(--muted);text-align:center}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f0f3f6;font-size:12px;font-weight:800}.inline-bank{display:flex;grid-template-columns:1fr auto;gap:6px;min-width:185px}.inline-bank input{min-height:34px;padding:6px 8px}.inline-bank button{border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.link-danger{border:0;background:transparent;color:var(--danger);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.route-link{color:var(--primary);font-weight:800;text-decoration:none}.map{height:420px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.route-summary{display:flex;gap:16px;align-items:center;margin-top:10px;color:var(--muted);font-size:13px}.route-summary strong{color:var(--text)}@media(max-width:800px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.page{width:min(100% - 16px,1180px);padding-top:14px}.topbar{align-items:flex-start}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{min-height:92px;padding:12px}.row.two{grid-template-columns:1fr}.card{padding:15px;border-radius:14px}.live-stats{grid-template-columns:1fr 1fr}.live-stats>div:first-child{grid-column:1/-1}.map{height:340px}}
.live-map-wrap{
    margin:4px 0 18px
}
.live-map-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
    font-size:13px
}
.live-map-head span{
    color:var(--muted);
    font-size:12px
}
.live-map{
    height:360px
}
.live-map-note{
    margin-top:7px;
    color:var(--muted);
    font-size:12px
}
@media(max-width:520px){
    .live-map{
        height:300px
    }
    .live-map-head{
        align-items:flex-start;
        flex-direction:column;
        gap:2px
    }
}