@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#17253b;font-synthesis:none;--navy:#0b1f3a;--blue:#176bda;--line:#e4eaf0;background:#f4f7fa;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f7fa;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:20;flex-direction:column;width:248px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{background:linear-gradient(135deg,#1d81ee,#1350ae);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 24px #05172f}.brand strong{letter-spacing:-.3px;font-size:19px;display:block}.brand span{color:#90a5c2;margin-top:2px;font-size:12px;display:block}.nav-label{color:#657b99;letter-spacing:1.3px;margin:0 0 9px;padding:0 12px;font-size:10px;font-weight:700}.nav-label-lower{margin-top:25px}.nav-item{color:#aebed3;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 12px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#112d50}.nav-item.active{color:#fff;background:linear-gradient(90deg,#176bda,#1460c5);box-shadow:0 7px 18px #061832}.nav-item span{flex:1}.nav-item em{color:#fff;background:#e6535e;border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:10px;font-style:normal;display:grid}.station-card{background:#112b4b;border:1px solid #1c3b5e;border-radius:11px;align-items:center;gap:9px;margin-top:auto;padding:12px;display:flex}.station-icon{color:#4b9dfa;background:#173b65;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.station-card div:nth-child(2){flex:1}.station-card span{color:#7690b1;text-transform:uppercase;letter-spacing:.7px;font-size:9px;display:block}.station-card strong{margin-top:3px;font-size:10.5px;line-height:1.35;display:block}.station-card>svg{color:#7790ae}main{min-height:100vh;margin-left:248px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:flex-end;align-items:center;height:68px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:19px;display:flex}.icon-button{color:#708097;background:0 0;border:0;border-radius:9px;place-items:center;padding:8px;display:grid}.icon-button:hover{background:#f0f4f8}.notification{position:relative}.notification i{background:#eb4d5c;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.profile{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:20px;display:flex}.avatar,.small-avatar{border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{color:#195db5;background:#dcecff;width:36px;height:36px;font-size:12px}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile span{color:#8290a2;margin-top:2px;font-size:10px}.profile>svg{color:#8290a2;margin-left:5px}.menu-button,.mobile-brand,.mobile-close{display:none}.content{max-width:1600px;margin:0 auto;padding:31px 34px 38px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.1px;color:#718399!important;margin-bottom:7px!important;font-size:10px!important;font-weight:700!important}.page-heading h1{letter-spacing:-.7px;color:#14233a;margin:0 0 5px;font-size:26px}.page-heading p{color:#7c8b9e;margin:0;font-size:12.5px}.primary-button{color:#fff;background:#176bda;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:600;display:flex;box-shadow:0 6px 14px #176bda33}.primary-button:hover{background:#105cbe}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;min-height:104px;padding:17px;display:flex;position:relative;overflow:hidden}.stat-icon{border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.stat-icon.blue{color:#176bda;background:#e6f1ff}.stat-icon.mint{color:#19a17f;background:#e5f8f4}.stat-icon.violet{color:#7956d8;background:#f1ebff}.stat-icon.amber{color:#d99518;background:#fff3da}.stat-card>div:nth-child(2){min-width:0}.stat-card span{color:#7c8b9e;font-size:10.5px;display:block}.stat-card strong{letter-spacing:-.6px;margin:3px 0;font-size:22px;display:block}.stat-card strong small{color:#7a8899;font-size:12px;font-weight:500}.stat-card p{color:#8d99a9;margin:0;font-size:9.5px}.stat-card p b{color:#1c9e73}.mini-ring{color:#176bda;background:conic-gradient(#176bda 88%,#e8eef5 0);border-radius:50%;place-items:center;width:43px;height:43px;margin-left:auto;font-size:9px;font-weight:700;display:grid;position:relative}.mini-ring:before{content:"";background:#fff;border-radius:50%;width:31px;height:31px;position:absolute}.mini-ring{isolation:isolate}.mini-ring:after{content:"88%";position:absolute}.spark-bars{align-items:flex-end;gap:3px;height:39px;margin-left:auto;display:flex}.spark-bars i{background:#9ddfce;border-radius:3px;width:4px}.spark-bars i:first-child{height:14px}.spark-bars i:nth-child(2){height:25px}.spark-bars i:nth-child(3){height:19px}.spark-bars i:nth-child(4){background:#25ac87;height:34px}.spark-bars i:nth-child(5){height:27px}.spark-line{color:#7b58da;margin-left:auto;font-size:45px;line-height:1;transform:rotate(-7deg)}.fuel-level{background:#edf1f5;border-radius:5px;width:7px;height:42px;margin-left:auto;position:relative;overflow:hidden}.fuel-level i{background:#e4a52e;border-radius:5px;height:65%;position:absolute;bottom:0;left:0;right:0}.workspace-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px}.trips-panel{overflow:hidden}.panel-header{justify-content:space-between;align-items:center;padding:18px 19px;display:flex}.panel-header h2{margin:0;font-size:14px}.panel-header p{color:#8b98a8;margin:4px 0 0;font-size:10px}.text-button{color:#176bda;background:0 0;border:0;font-size:10.5px;font-weight:600}.more-button{color:#8491a1;letter-spacing:2px;background:0 0;border:0}.table-tools{gap:10px;padding:0 19px 15px;display:flex}.search-box{color:#8c99a9;border:1px solid #dfe6ed;border-radius:8px;flex:1;align-items:center;gap:8px;height:35px;padding:0 10px;display:flex}.search-box input{color:#29374a;border:0;outline:0;width:100%;font-size:10.5px}.date-button{color:#5e6d80;background:#fff;border:1px solid #dfe6ed;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:10.5px;display:flex}.trip-list{border-top:1px solid #edf1f4}.trip-row{border-bottom:1px solid #edf1f4;grid-template-columns:1.3fr 1.65fr 1.1fr .95fr .35fr .7fr;align-items:center;gap:12px;min-height:62px;padding:9px 19px;font-size:10.5px;display:grid}.trip-row:last-child{border-bottom:0}.trip-head{color:#8391a2;letter-spacing:.5px;background:#f8fafc;min-height:32px;font-size:8.5px;font-weight:700}.vehicle-cell,.driver-cell,.time-cell{align-items:center;gap:8px;min-width:0;display:flex}.vehicle-icon{color:#176bda;background:#e8f2ff;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.vehicle-cell strong,.vehicle-cell span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.vehicle-cell strong{font-size:10.5px}.vehicle-cell span{color:#8492a3;margin-top:3px;font-size:9px}.route-cell{color:#4f6074;line-height:1.4}.small-avatar{color:#526275;background:#eef1f5;flex:none;width:25px;height:25px;font-size:8px}.driver-cell span,.time-cell span{color:#526174}.time-cell svg{color:#8c99a8;flex:none}.km-cell{text-align:left}.status{white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:5px 8px;font-size:8.5px;font-weight:600;display:inline-flex}.status i{border-radius:50%;width:5px;height:5px}.status.done{color:#168360;background:#e9f8f2}.status.done i{background:#22a87c}.status.on-road{color:#1764c4;background:#e8f2ff}.status.on-road i{background:#2679df;box-shadow:0 0 0 3px #cfe2fb}.right-column{flex-direction:column;gap:15px;display:flex}.readiness-panel{padding-bottom:16px}.readiness-score{border-bottom:1px solid #edf1f4;align-items:center;gap:13px;margin:0 18px;padding:15px 0 18px;display:flex}.score-ring{background:radial-gradient(circle,#fff 58%,transparent 60%),conic-gradient(#1eaa81 87.5%,#e8edf2 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:79px;height:79px;display:flex}.score-ring strong{font-size:17px}.score-ring span{color:#8a97a7;font-size:7.5px}.readiness-score>div:last-child{flex:1}.readiness-score>div:last-child strong{font-size:11px}.readiness-score>div:last-child p{color:#8794a4;margin:4px 0 0;font-size:9px;line-height:1.5}.check-list{padding:10px 18px}.check-list>div{align-items:center;gap:9px;padding:8px 0;display:flex}.check-icon{border-radius:7px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.check-icon.ok{color:#16916c;background:#e6f7f1}.check-icon.warning{color:#dc8b15;background:#fff0dc}.check-list p{flex:1;margin:0}.check-list strong,.check-list small{display:block}.check-list strong{font-size:10px}.check-list small{color:#8a97a7;margin-top:3px;font-size:8.5px}.check-list b{color:#637286;font-size:9.5px}.secondary-button{color:#176bda;background:#fff;border:1px solid #dce4ec;border-radius:8px;width:calc(100% - 36px);margin:0 18px;padding:9px;font-size:10px;font-weight:600;display:block}.secondary-button:hover{background:#f5f9ff}.alert-card{background:#fff8ed;border:1px solid #f4dfba;border-radius:11px;align-items:center;gap:10px;padding:14px;display:flex}.alert-icon{color:#dc8613;background:#ffead0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.alert-card>div:nth-child(2){flex:1}.alert-card span{color:#d88919;letter-spacing:.5px;font-size:7px;font-weight:700;display:block}.alert-card strong{margin:3px 0;font-size:9.5px;display:block}.alert-card p{color:#8a765a;margin:0;font-size:8px}.alert-card button{color:#c8780c;background:0 0;border:0;font-size:8.5px;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#07162a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.trip-modal{background:#fff;border-radius:16px;width:min(670px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 80px #0612224d}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.modal-header>div{align-items:center;gap:11px;display:flex}.modal-icon{color:#176bda;background:#e7f2ff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.modal-header p{color:#74859a;letter-spacing:1px;margin:0 0 3px;font-size:8px;font-weight:700}.modal-header h2{margin:0;font-size:17px}.trip-modal form{padding:20px 22px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label,.signature-label{color:#4c5b6e;font-size:9.5px;font-weight:600}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select{color:#263549;background:#fff;border:1px solid #dbe3eb;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:9px 10px;font-size:11px;display:block}.form-grid input:focus,.form-grid select:focus{border-color:#6da9ef;box-shadow:0 0 0 3px #e8f2ff}.form-checks{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.form-checks label input{opacity:0;position:absolute}.form-checks label span{color:#566679;border:1px solid #dfe6ed;border-radius:9px;align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.form-checks label input:checked+span{color:#145bb4;background:#eaf4ff;border-color:#74aaea}.signature-box{color:#99a5b3;border:1px dashed #bdc9d5;border-radius:8px;justify-content:center;align-items:center;height:57px;margin-top:6px;font-size:10px;font-weight:400;display:flex;position:relative}.signature-box em{color:#8090a2;position:absolute;right:12px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:19px;padding-top:16px;display:flex}.cancel-button{color:#5c6b7d;background:#fff;border:1px solid #dce4eb;border-radius:8px;padding:9px 15px;font-size:11px}.toast{color:#fff;z-index:60;background:#102843;border-radius:11px;align-items:center;gap:10px;padding:13px 16px;animation:.25s slide-in;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 40px #07182c4d}.toast>span{background:#1ca77d;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.toast strong{font-size:10.5px}.toast p{color:#9fb0c5;margin:3px 0 0;font-size:8.5px}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}}.waypoints{background:#f8fafc;border:1px solid #e1e7ee;border-radius:10px;padding:12px}.waypoints-heading,.waypoints-heading>div,.waypoint-row{align-items:center;display:flex}.waypoints-heading{justify-content:space-between}.waypoints-heading>div{color:#43556c;gap:7px;font-size:10px;font-weight:700}.waypoints-heading>div svg{color:#176bda}.waypoints-heading button{color:#1764c4;background:#e7f2ff;border:0;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:700;display:flex}.waypoints-empty{color:#8a97a7;margin:10px 0 0;font-size:9px;line-height:1.5}.waypoint-list{flex-direction:column;gap:7px;margin-top:10px;display:flex}.waypoint-row{gap:8px}.waypoint-row>span{color:#1764c4;background:#dcecff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:grid}.waypoint-row input{margin:0}.waypoint-row button{color:#98a4b2;background:0 0;border:0;border-radius:6px;padding:5px}.waypoint-row button:hover{color:#cf3f4e;background:#ffe9eb}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;display:grid}.trip-row{grid-template-columns:1.2fr 1.4fr 1fr .8fr .3fr .65fr}}@media (width<=850px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.nav-backdrop{z-index:19;background:#07182ca8;border:0;position:fixed;inset:0}.mobile-close{color:#9fb0c5;margin-left:auto;display:grid}.brand{padding-right:0}main{margin-left:0}.topbar{justify-content:space-between;padding:0 18px}.menu-button{display:grid}.mobile-brand{color:#10233d;font-weight:700;display:block}.content{padding:24px 18px}.profile>div:not(.avatar),.profile>svg{display:none}.profile{padding-left:14px}.trip-head{display:none}.trip-row{grid-template-columns:1.2fr 1.5fr .8fr;gap:10px}.trip-row>div:nth-child(3),.trip-row>div:nth-child(4),.trip-row>.km-cell{display:none}}@media (width<=600px){.page-heading{align-items:flex-start;gap:18px}.page-heading h1{font-size:22px}.page-heading>div>p:last-child{max-width:230px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:96px;padding:13px}.stat-icon{display:none}.stat-card strong{font-size:20px}.mini-ring,.spark-bars,.spark-line,.fuel-level{display:none}.workspace-grid,.right-column{display:block}.right-column>*{margin-top:15px}.table-tools{padding:0 13px 13px}.date-button{display:none}.panel-header{padding:15px 14px}.trip-row{grid-template-columns:1.3fr 1fr .65fr;padding:10px 13px}.route-cell{font-size:9px}.vehicle-icon{display:none}.trip-modal{border-radius:13px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.form-checks{grid-template-columns:1fr}.trip-modal form,.modal-header{padding:16px}.modal-actions{background:#fff;padding:13px 0 0;position:sticky;bottom:-16px}.toast{bottom:15px;left:15px;right:15px}}.vehicle-logbooks{padding:0 19px 15px}.logbook-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.logbook-title span{color:#8391a2;letter-spacing:.8px;font-size:8px;font-weight:700}.logbook-title strong{color:#5a6a7e;font-size:9px;font-weight:600}.logbook-title>div{align-items:center;gap:10px;display:flex}.qr-open-button{color:#1764c4;background:#e8f2ff;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:8.5px;font-weight:700;display:inline-flex}.qr-open-button:hover{background:#d9eaff}.vehicle-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.vehicle-tabs>button{color:#4f6074;text-align:left;background:#fff;border:1px solid #dfe6ed;border-radius:9px;align-items:center;gap:7px;min-width:0;padding:8px;display:flex}.vehicle-tabs>button:hover{background:#f7faff;border-color:#b9d3f2}.vehicle-tabs>button.selected{color:#145db8;background:#eaf4ff;border-color:#72a9e9;box-shadow:0 0 0 2px #e4f0ff}.vehicle-tabs .tab-icon{color:#708097;background:#eef3f8;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;display:grid}.vehicle-tabs button.selected .tab-icon{color:#fff;background:#176bda}.vehicle-tabs button>span:last-child{min-width:0}.vehicle-tabs strong,.vehicle-tabs small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.qr-modal{background:#fff;border-radius:16px;width:min(420px,100%);overflow:hidden;box-shadow:0 30px 80px #0612224d}.qr-modal-header{border-bottom:1px solid #e4eaf0;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.qr-modal-header>div,.qr-modal-header>div>span{align-items:center;display:flex}.qr-modal-header>div{gap:10px}.qr-modal-header>div>span{color:#176bda;background:#e7f2ff;border-radius:10px;justify-content:center;width:38px;height:38px}.qr-modal-header p{color:#74859a;letter-spacing:1px;margin:0 0 3px;font-size:8px;font-weight:700}.qr-modal-header h2{margin:0;font-size:15px}.qr-modal-body{text-align:center;padding:22px}.qr-frame{border:1px solid #dfe6ed;border-radius:12px;width:fit-content;margin:0 auto 16px;padding:10px;box-shadow:0 8px 25px #0b1f3a14}.qr-frame canvas{display:block}.qr-modal-body h3{margin:0 0 7px;font-size:15px}.qr-modal-body>p{color:#718095;max-width:330px;margin:0 auto 12px;font-size:10px;line-height:1.55}.qr-url{color:#6d7c8f;overflow-wrap:anywhere;background:#f4f7fa;border-radius:7px;padding:8px 10px;font-size:8px}.qr-download{width:100%;margin-top:15px}.vehicle-tabs strong{font-size:9.5px}.vehicle-tabs small{color:#8a97a7;margin-top:2px;font-size:7.5px}@media (width<=700px){.vehicle-logbooks{padding:0 13px 13px}.vehicle-tabs{scrollbar-width:thin;padding:2px 2px 6px;display:flex;overflow-x:auto}.vehicle-tabs>button{min-width:116px}.logbook-title>div{gap:6px}.logbook-title>div>strong{display:none}}.trip-message{text-align:center;color:#7b899a;background:#fbfcfd;padding:28px 19px;font-size:10.5px}.trip-message.error,.form-error{color:#b42336;background:#fff0f2}.form-error{border:1px solid #ffd1d8;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:10px;line-height:1.45}.signature-box.signature-pad{background:#fbfcfe;height:126px;display:block;overflow:hidden}.signature-pad canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.signature-pad>span{pointer-events:none;color:#99a5b3;place-items:center;display:grid;position:absolute;inset:0}.signature-pad>button{color:#627286;background:#ffffffeb;border:1px solid #d8e0e8;border-radius:6px;padding:5px 8px;font-size:8.5px;font-weight:700;position:absolute;top:8px;right:8px}.signature-pad.has-signature{background:#fff;border-style:solid;border-color:#77a9e4}.fuel-liters-label{color:#4c5b6e;margin:0 0 15px;font-size:9.5px;font-weight:600;display:block}.fuel-liters-label input{color:#263549;background:#fff;border:1px solid #dbe3eb;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:9px 10px;font-size:11px;display:block}.primary-button:disabled{opacity:.65;cursor:wait}.book-limit{color:#1764c4;background:#eaf4ff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.auth-page{background:radial-gradient(circle at 15% 10%,#e5f4ff 0,#0000 34%),linear-gradient(135deg,#f8fbff 0%,#edf3f8 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fffffff7;border:1px solid #dce6ef;border-radius:18px;width:min(100%,430px);padding:34px;box-shadow:0 20px 55px #1e406424}.auth-card.auth-loading{text-align:center;color:#52708e}.auth-brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.auth-brand>span{color:#fff;background:#176fd1;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.auth-brand div{flex-direction:column;display:flex}.auth-brand strong{color:#122c49;font-size:20px}.auth-brand small{color:#78899b;font-size:11px}.auth-kicker{color:#1b70cc;letter-spacing:.11em;margin:0 0 7px;font-size:10px;font-weight:800}.auth-card h1{color:#132b46;margin:0 0 9px;font-size:25px}.auth-intro{color:#6a7c8e;margin:0 0 24px;font-size:12px;line-height:1.55}.auth-card form{gap:14px;display:grid}.auth-card label,.user-form label{color:#465c72;gap:6px;font-size:10px;font-weight:700;display:grid}.auth-card input,.user-form input,.user-form select{color:#20364e;background:#fff;border:1px solid #d5e0e9;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-size:12px}.auth-card input:focus,.user-form input:focus,.user-form select:focus{border-color:#4d92dd;box-shadow:0 0 0 3px #2d7dd31c}.auth-submit{justify-content:center;width:100%;margin-top:4px}.auth-note{color:#8794a2;border-top:1px solid #edf1f5;margin:17px 0 0;padding-top:15px;font-size:9.5px;line-height:1.5}.profile-logout{color:#6c7c8e;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.profile-logout:hover{color:#b42336;background:#fff0f2}.form-grid input[readonly]{color:#52677d;cursor:not-allowed;background:#f3f6f9}.route-description-label textarea{resize:vertical;color:#263549;width:100%;min-height:92px;font:inherit;background:#fff;border:1px solid #dbe3eb;border-radius:8px;outline:none;padding:10px 11px;line-height:1.5}.route-description-label textarea:focus{border-color:#4d92dd;box-shadow:0 0 0 3px #2d7dd31c}.users-modal{background:#fff;border-radius:14px;width:min(760px,100vw - 30px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 70px #0c223b42}.users-content{grid-template-columns:1.15fr .85fr;gap:0;display:grid}.users-list,.user-form{padding:22px}.user-form{background:#fbfcfe;border-left:1px solid #e8edf2}.users-list h3,.user-form h3{color:#243b55;margin:0 0 15px;font-size:12px}.user-form{align-content:start;gap:12px;display:grid}.user-form .primary-button{justify-content:center;margin-top:4px}.user-row{border-bottom:1px solid #edf1f4;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.user-row>div{flex-direction:column;gap:2px;min-width:0;display:flex}.user-row strong{color:#2a3d53;font-size:10.5px}.user-row small{color:#8996a4;font-size:9px}.user-row em{color:#2566ad;background:#eaf3fd;border-radius:999px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800}.users-list,.fleet-list{max-height:620px;overflow:auto}.admin-record-form{background:#fff;border:1px solid #e1e8ef;border-radius:10px;margin-bottom:12px;padding:13px}.admin-record-form.inactive{opacity:.68;background:#f6f7f8}.record-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-bottom:11px;display:grid}.record-heading strong{color:#294057;font-size:10.5px}.record-heading em{color:#2566ad;background:#eaf3fd;border-radius:999px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800}.record-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.record-grid label{color:#68798a;gap:4px;font-size:8.5px;font-weight:700;display:grid}.record-grid input,.record-grid select{color:#2d4257;background:#fff;border:1px solid #dbe3eb;border-radius:7px;width:100%;min-width:0;padding:8px;font-size:9.5px}.record-wide{grid-column:1/-1}.record-save{color:#1d69b9;cursor:pointer;background:#eaf4ff;border:0;border-radius:7px;margin-top:10px;padding:7px 10px;font-size:8.5px;font-weight:800}.record-save:hover{background:#dceeff}.record-save:disabled{opacity:.55;cursor:wait}.fleet-modal{width:min(850px,100vw - 30px)}.fleet-content{grid-template-columns:1.3fr .7fr;display:grid}.fleet-list{padding:22px}.fleet-list h3{color:#243b55;margin:0 0 15px;font-size:12px}.fleet-error{margin:14px 22px 0}.admin-help{color:#8492a1;margin:2px 0 0;font-size:8.5px;line-height:1.5}@media (width<=700px){.auth-card{padding:25px 21px}.users-content,.fleet-content{grid-template-columns:1fr}.user-form{border-top:1px solid #e8edf2;border-left:0}.record-grid{grid-template-columns:1fr}.record-wide{grid-column:auto}}