:root{--ink:#172025;--muted:#758087;--line:#e5e8e9;--paper:#fff;--bg:#f4f5f6;--lime:#d4f45b;--green:#197b56;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #839b24;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:32px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;font-size:29px;letter-spacing:-1.2px;font-weight:800;color:#11191c}.brand img{width:30px;height:34px;object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);font-weight:600;margin-top:-3px}.workspace{display:flex;align-items:center;gap:7px;margin:28px 0 20px;padding:13px 8px;border-block:1px solid var(--line);font-size:11px}.dot{width:6px;height:6px;border-radius:50%;background:#90af26}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#97a0a5;display:block;margin:21px 12px 9px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;margin:3px 0;color:#667178;border-radius:8px;font-size:12px;font-weight:500}.sidebar nav a span{font-size:19px;width:20px;line-height:1}.sidebar nav a:hover{background:#f3f5ef;color:#172025}.sidebar nav a.selected{background:#eaf2d4;color:#26370e;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:25px}.avanti{width:112px;height:29px;object-fit:contain;margin-bottom:22px}.account{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px}.avatar{width:32px;height:32px;border-radius:50%;background:#e4e8dc;display:grid;place-items:center;font-weight:700}.account div{min-width:0}.account strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;max-width:145px}.account small{font-size:10px;color:var(--muted)}.account-links{display:flex;justify-content:space-between;margin-top:14px;font-size:10px}.account-links form{margin:0}.main{margin-left:244px;max-width:1800px;padding:0 40px 32px}.topline{height:69px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#7d8589}.topline>div{display:flex;align-items:center;gap:20px}.separator{padding:0 12px;color:#c2c6c8}.online{font-size:11px;letter-spacing:0}.online i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#258a61;margin-right:5px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 0 25px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;margin:0 0 9px}.page-heading .eyebrow{color:#818b90}h1{font-size:31px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 9px;font-weight:650}h2{font-size:17px;letter-spacing:-.35px;font-weight:650;margin:0}p{margin:8px 0 16px}.page-heading p{margin-bottom:0;font-size:12px}.muted{color:var(--muted)}.small,small{font-size:11px}.primary,.secondary,.danger{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 17px;border-radius:7px;font-weight:600;font-size:12px;line-height:1.4;white-space:normal;min-height:40px}.primary{background:var(--ink);color:#fff}.primary:hover{background:#35402c}.secondary{background:white;color:var(--ink);border-color:#d9dedf}.secondary:hover{background:#f4f6ef}.danger{background:#fff3ec;color:#a13b18;border-color:#f0c2aa}.full{width:100%}.compact{padding:7px 12px;min-height:32px}.link{border:0;background:none;padding:0;color:var(--muted);font-size:inherit}.text-link{font-size:11px;font-weight:650;color:#3d5521}.text-link:hover,.link:hover{text-decoration:underline}.button-row{display:flex;gap:9px;flex-wrap:wrap}.fleet-banner{display:flex;align-items:center;position:relative;overflow:hidden;background:#18221c;border-radius:var(--radius);padding:29px 32px;color:#fff;gap:26px;margin-bottom:22px;min-height:160px}.fleet-banner .eyebrow{color:#afc29c}.fleet-banner h2{font-size:26px;font-weight:500;letter-spacing:-.6px;margin:9px 0 4px}.fleet-banner p{font-size:11px;color:#b7c5b7;margin:0}.banner-number{margin-left:auto;padding-right:80px;font-size:64px;line-height:1;letter-spacing:-3px;color:var(--lime);text-align:center;z-index:1}.banner-number span{display:block;font-size:10px;letter-spacing:0;margin-top:9px;color:#c6d3b9}.banner-track{position:absolute;right:-20px;top:-50px;color:#b2cb8e18;font-size:240px;line-height:1;font-weight:200;transform:rotate(-12deg)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 25px}.kpi{background:white;border:1px solid var(--line);border-radius:11px;padding:19px 21px;transition:transform .15s}.kpi:hover{transform:translateY(-2px)}.kpi>span{font-size:11px;color:#657178}.kpi strong{font-size:34px;letter-spacing:-1px;display:flex;align-items:center;justify-content:space-between;line-height:1.6}.kpi i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f0f2f1;font-size:18px;color:#677368}.kpi i.green{background:#edf7e4;color:#638627}.kpi i.blue{background:#eaf1ff;color:#497cbd}.kpi i.orange{background:#fff2e6;color:#bd844c}.kpi small{font-size:9px;color:#8a9398}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px 16px}.panel-heading h2{font-size:15px}.panel-heading p{margin:5px 0 0;font-size:10px}.count{display:inline-block;margin-left:6px;background:#f0f2f1;color:#879083;font-size:10px;padding:2px 7px;border-radius:5px;vertical-align:middle}.filters{padding:0 24px 20px;display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filters input[type=search]{flex:1;min-width:180px}.filters input,.filters select{margin:0;font-size:11px;min-height:36px}.filters select{width:175px}.filters button{min-height:36px;padding:8px 14px;font-size:11px}.filters label{font-size:10px;display:block}.date-filters label input{display:block;margin-top:5px}.date-filters{padding-top:10px}.filters .link{font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:normal}th{background:#fafbfa;font-size:9px;letter-spacing:.35px;text-transform:uppercase;color:#8b9498;padding:12px 18px;border-block:1px solid var(--line);font-weight:600}td{padding:17px 18px;font-size:11px;border-bottom:1px solid #edf0f0;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;font-size:9px;margin-top:4px;color:#8b9498}td strong{font-size:11px;font-weight:600}tbody tr:hover{background:#fcfdfb}.scooter-name{display:flex;align-items:center;gap:10px;min-width:210px}.scooter-name strong{display:block}.scooter-icon{width:34px;height:34px;background:#f0f3eb;border:1px solid #e8ece2;border-radius:8px;display:grid;place-items:center;font-size:23px;color:#718257;flex-shrink:0}.plate{font-size:9px;letter-spacing:.5px;white-space:nowrap;color:#69767b;font-weight:500;display:inline-block}.scooter-name .plate{margin-left:6px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:600;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.available{background:#eef6e7;color:#628435}.in-use{background:#edf2fe;color:#5a7fb6}.blocked{background:#fff1e8;color:#b37a44}.neutral{background:#f2f3f3;color:#788287}.row-arrow{font-size:18px;color:#97a28c}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-columns .panel{min-width:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 24px 20px;gap:10px}.mini-stats>div{padding-left:14px;border-left:1px solid #e8eae8}.mini-stats>div:first-child{padding-left:0;border-left:0}.mini-stats strong{font-size:25px;letter-spacing:-1px;display:block;font-weight:600}.mini-stats small{display:block;color:#8d9599;font-size:9px}.purpose-bars{padding:0 24px}.purpose-bars>div{margin-bottom:12px}.purpose-bars>div>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.bar{height:5px;background:#f1f3ed;border-radius:8px;overflow:hidden}.bar i{height:100%;display:block;background:#b7ce77;border-radius:8px}.stats-note{padding:5px 24px 8px;font-size:9px}.timeline{padding:4px 25px 20px}.timeline>div{padding:12px 0 13px 22px;border-left:1px solid #e7ece2;position:relative}.timeline-dot{position:absolute;left:-4px;top:17px;background:#a9bf7d;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px white}.timeline strong{font-size:10px}.timeline p{font-size:10px;margin:3px 0}.timeline small{font-size:9px}.footer{display:flex;gap:15px;color:#9da5a8;font-size:9px;align-items:center;margin:35px 0 0}.footer>span:last-child{margin-left:auto}.message{padding:14px 18px;border:1px solid #dce6d1;border-radius:9px;background:#eff5e7;font-size:12px;margin:16px 0}.message.error{background:#fff0ee;color:#a63d31;border-color:#efcbc4}.message.info{background:#edf4f8;color:#42657c;border-color:#cedfe8}.message a{text-decoration:underline}.empty{text-align:center;padding:40px 20px;color:#88938a;font-size:12px}.section-title{margin:30px 0 17px}.welcome-strip{background:var(--lime);padding:26px 30px;display:flex;justify-content:space-between;align-items:center;border-radius:12px}.welcome-strip p{margin:4px 0 0;font-size:12px}.welcome-strip span{font-size:45px;line-height:1}.active-trip{background:#eaf0e1;border:1px solid #d2dfbd;border-radius:13px;padding:28px}.active-trip h2{margin-top:12px;font-size:25px}.active-trip small{display:block;margin-top:12px;color:#69775d}.scooter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}.scooter-card{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.scooter-card p{font-size:11px;min-height:18px}.scooter-card h2{margin-bottom:2px;font-size:22px}.scooter-card .plate{background:#f1f3ef;padding:3px 7px;margin:6px 0}.scooter-card .full{margin-top:8px}.action-panel{max-width:560px;margin:0 auto;padding:30px}.action-panel h2{font-size:23px;margin:7px 0}.action-panel p{font-size:12px}.action-panel .plate{font-size:13px}.action-panel form{margin-top:26px}label{display:block;font-size:12px;font-weight:600;margin:0 0 7px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #d9dfe1;background:#fff;border-radius:7px;color:#28353c;min-height:42px;padding:10px 12px;margin-bottom:19px}input[type=checkbox]{width:20px;height:20px;accent-color:#638424}textarea{min-height:105px;resize:vertical}.back-link{display:block;margin-top:24px}.form-panel{max-width:1000px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 28px}.form-field{min-width:0}.form-field .help{font-size:10px;color:#7a858b;margin:-10px 0 22px}.help ul{padding-left:16px}.span-two{grid-column:1/-1}.required{color:#7a902e}.errorlist{list-style:none;margin:0 0 15px;padding:0;color:#b0392b;font-size:12px}.form-actions{display:flex;gap:10px;padding-top:22px;border-top:1px solid var(--line);margin-top:10px}.specs{display:grid;grid-template-columns:45% 55%;margin:0;padding:4px 24px 25px;font-size:11px;gap:0}.specs dt,.specs dd{padding:10px 0;border-bottom:1px solid #f0f1f0;margin:0;overflow-wrap:anywhere}.specs dt{color:#829084;padding-right:12px}.specs dd{font-weight:500}.catalog-row{padding:17px 24px;display:flex;align-items:center;gap:15px;border-top:1px solid #f0f1ef;font-size:11px}.catalog-row>div,.catalog-row>strong{margin-right:auto}.catalog-row small{display:block;color:#98a08e;font-size:9px}.catalog-row>a{font-size:10px}.table-note{padding:10px 24px;font-size:9px}.public-main{min-height:100vh;padding:30px}.public-main>.footer{max-width:1050px;margin:20px auto}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;max-width:1050px;min-height:680px;margin:4vh auto 0;box-shadow:0 16px 80px #15211910;border-radius:20px;overflow:hidden;background:#fff}.login-story{background:#15201b;color:#fff;padding:47px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-story>img{width:130px;height:auto;margin-bottom:auto}.login-story .eyebrow{color:#a5b893;margin-top:50px}.login-story h1{font-size:44px;line-height:1.2;letter-spacing:-1.9px;font-weight:500;margin:10px 0 30px}.login-story h1 span{color:#d4f45b}.login-story>p:last-child{font-size:12px;color:#99b09d;margin:30px 0 0}.route-art{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1px;color:#a5b695;margin:20px 0}.route-art>i{width:9px;height:9px;background:var(--lime);border-radius:50%}.route-art>div{flex:1;border-top:1px dashed #758d63}.login-form{padding:70px 50px;display:flex;flex-direction:column;justify-content:center}.login-form .brand{margin-bottom:45px;font-size:31px}.login-form h2{font-size:26px;letter-spacing:-1px;margin-bottom:8px}.login-form>p{font-size:12px}.login-form form{margin-top:20px}.or{text-align:center;font-size:10px;color:#98a093;margin:20px 0}.login-form>.small:last-child{margin:25px 0 0;font-size:10px}.login-form .full{min-height:43px}.login-form .primary{background:var(--lime);color:#263015;border:1px solid #c9e45b}.labels{display:grid;grid-template-columns:repeat(auto-fit,85mm);gap:10mm}.qr-label{width:85mm;height:100mm;display:flex;align-items:center;flex-direction:column;border:1px dashed #bbb;background:white;padding:6mm;break-inside:avoid;page-break-inside:avoid;text-align:center;color:black}.label-brand{width:34mm;height:auto;margin-bottom:4mm}.qr-label .qr{width:52mm;height:52mm;margin:1mm}.qr-label small{font-size:10px}.qr-label code{font-size:6px;margin-top:3mm}.qr-label>strong{font-size:13px}video{width:100%;max-height:360px;background:#101419;border-radius:12px;display:none;margin:20px 0}video.active{display:block}.mobile-top,.mobile-bottom{display:none}
@media(min-width:1600px){.main{padding-inline:55px}}
@media(max-width:1200px){.sidebar{width:218px;padding-inline:17px}.main{margin-left:218px;padding-inline:25px}.two-columns{grid-template-columns:1fr}.kpi{padding:16px}.kpi small{font-size:8px}.banner-number{padding-right:20px}.topline{height:58px}.login-story h1{font-size:36px}}
@media(max-width:800px){.sidebar{display:none;width:270px;bottom:60px;box-shadow:10px 0 40px #0002;padding:25px}.sidebar.open{display:flex}.main{margin-left:0;padding:0 18px 90px}.mobile-top{display:flex;height:60px;justify-content:space-between;align-items:center;padding:0 18px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.mobile-top .brand{font-size:23px}.topline{height:43px;font-size:8px}.topline .online{font-size:9px}.topline>div{gap:10px}.page-heading{padding:24px 0 20px;align-items:flex-start;flex-direction:column;gap:15px}.page-heading h1{font-size:28px}.page-heading .muted{font-size:11px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-evenly;gap:10px;background:#fff;border-top:1px solid #e2e6df;z-index:25;padding:16px 8px calc(16px + env(safe-area-inset-bottom));font-size:10px;font-weight:600}.fleet-banner{padding:24px;min-height:145px}.fleet-banner h2{font-size:21px}.fleet-banner p{max-width:175px}.banner-number{font-size:52px;padding-right:5px}.banner-number span{font-size:9px;max-width:75px;line-height:1.3}.fleet-banner .eyebrow{font-size:7px;letter-spacing:1px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi strong{font-size:29px}.kpi>span{font-size:11px}.kpi small{font-size:9px}.panel-heading{padding:18px}.filters{padding:0 18px 18px}.filters select{width:auto}.table-scroll th,.table-scroll td{padding:13px}.form-grid{grid-template-columns:1fr}.form-panel{padding:22px}.action-panel{padding:25px}.two-columns{gap:0}.footer{font-size:8px;flex-wrap:wrap}.footer>span:first-child{display:none}.login-layout{grid-template-columns:1fr;min-height:0;margin:0 auto}.login-story{display:none}.login-form{padding:38px 26px}.login-form .brand{margin-bottom:35px}.public-main{padding:25px 15px}.labels{grid-template-columns:1fr}.qr-label{max-width:100%}.date-filters{padding-top:15px;gap:9px}.date-filters label{flex:1;min-width:110px}.mini-stats{padding:15px 20px}.mini-stats strong{font-size:24px}.mini-stats small{font-size:8px}.account strong{max-width:180px}.specs{grid-template-columns:45% 55%}.welcome-strip{padding:23px}.active-trip h2{font-size:22px}.sidebar nav a{padding-block:9px}.sidebar .nav-label{margin-top:14px}}
@media print{@page{size:A4;margin:10mm}body{background:#fff}.sidebar,.mobile-top,.mobile-bottom,.topline,.page-heading,.footer,.print-hint,.message{display:none!important}.main{margin:0;padding:0}.labels{display:grid;grid-template-columns:85mm 85mm;gap:7mm}.qr-label{break-inside:avoid;border:1px dashed #ccc;print-color-adjust:exact}.qr-label .qr{display:block}}