:root{--navy:#111c3a;--navy-2:#18274c;--blue:#2c64e8;--blue-soft:#edf3ff;--ink:#172033;--muted:#6f788b;--line:#e5e9f1;--surface:#fff;--canvas:#f4f6fa;--green:#149b68;--orange:#f08b32;--red:#dc4c55;--yellow:#d8a01f;--shadow:0 12px 35px #18274c14}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash-screen{color:#fff;background:var(--navy);place-content:center;justify-items:center;gap:28px;min-height:100vh;display:grid}.splash-logo{width:210px;height:auto}.access-denied{color:#fff;background:var(--navy);text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:28px;display:grid}.access-denied img{width:180px;margin-bottom:35px}.access-denied svg{color:#ffbd58}.access-denied h1{margin:13px 0 5px}.access-denied p{color:#b9c3d9;max-width:450px;margin:0 0 24px;line-height:1.6}.login-page{background:#fff;grid-template-columns:minmax(430px,47%) 1fr;min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 75% 25%,#2b477d 0,#0000 32%),linear-gradient(150deg,#0e1833,#15264b 70%,#1f3e73);align-items:center;min-height:100vh;padding:9vw 7vw;display:flex;position:relative;overflow:hidden}.brand-content{z-index:2;max-width:560px;position:relative}.login-logo{width:min(280px,70%);margin-bottom:78px}.brand-kicker{color:#a9c6ff;letter-spacing:.18em;border:1px solid #fff3;border-radius:999px;margin-bottom:15px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-block}.brand-content h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,4.3vw,70px);line-height:.99}.brand-content p{color:#c2cbdd;max-width:470px;margin:27px 0 0;font-size:18px;line-height:1.6}.brand-orbit{border:1px solid #ffffff14;border-radius:50%;position:absolute}.brand-orbit-one{width:540px;height:540px;top:10%;right:-300px}.brand-orbit-two{width:760px;height:760px;top:2%;right:-390px}.brand-corner-copy{color:#7f8ba5;letter-spacing:.22em;font-size:10px;font-weight:800;position:absolute;bottom:38px;left:7vw}.login-form-panel{place-items:center;padding:48px;display:grid}.login-card{width:min(420px,100%)}.mobile-brand{display:none}.eyebrow{color:var(--blue);letter-spacing:.18em;font-size:10px;font-weight:900;display:block}.login-heading h2{letter-spacing:-.04em;margin:10px 0 9px;font-size:36px}.login-heading p{color:var(--muted);margin:0 0 34px}.login-form{gap:22px;display:grid}.login-form label>span{margin-bottom:9px;font-size:12px;font-weight:800;display:block}.input-shell{color:#8790a2;border:1px solid #dbe0e9;border-radius:12px;align-items:center;gap:11px;min-height:52px;padding:0 15px;transition:border .2s,box-shadow .2s;display:flex}.input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #2c64e817}.input-shell input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.icon-button{color:#7b8495;background:0 0;border:0;place-items:center;padding:4px;display:grid}.form-error{color:#a82e3d;background:#fff0f1;border-radius:10px;align-items:flex-start;gap:8px;padding:11px 13px;font-size:13px;line-height:1.4;display:flex}.primary-button{color:#fff;background:var(--blue);letter-spacing:.08em;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 18px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #2c64e833}.primary-button:hover{background:#2458d3}.primary-button:disabled{opacity:.65;cursor:wait}.danger-button{color:#fff;letter-spacing:.06em;background:#c92f43;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 18px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #c92f4333}.danger-button:hover{background:#b52438}.danger-button:disabled{opacity:.65;cursor:wait}.compact-danger{padding:0 13px}.login-button{min-height:54px;margin-top:4px}.demo-button{border:1px solid var(--line);width:100%;color:var(--navy);background:#fff;border-radius:10px;margin-top:13px;padding:12px;font-size:12px;font-weight:800}.login-help{color:#939aaa;text-align:center;margin-top:28px;font-size:12px}.app-shell{min-height:100vh}.sidebar{z-index:30;color:#b9c3d9;background:var(--navy);flex-direction:column;width:248px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:13px;min-height:94px;padding:0 24px;display:flex}.sidebar-brand img{width:84px;height:auto}.sidebar-brand>div{border-left:1px solid #ffffff29;padding-left:13px;display:grid}.sidebar-brand strong{color:#fff;letter-spacing:.13em;font-size:12px}.sidebar-brand span{color:#71809f;letter-spacing:.08em;margin-top:3px;font-size:7px;font-weight:800}.sidebar-close{display:none}.sidebar-nav{flex:1;padding:28px 15px;overflow-y:auto}.nav-section-label{color:#596984;letter-spacing:.16em;padding:0 13px 10px;font-size:9px;font-weight:900;display:block}.nav-section-second{margin-top:25px}.sidebar-nav button{color:#9da9c2;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:44px;padding:0 13px;font-size:12px;font-weight:700;display:flex;position:relative}.sidebar-nav button:hover{color:#fff;background:#ffffff0d}.sidebar-nav button.nav-active{color:#fff;background:linear-gradient(90deg,#315fda,#2854c9);box-shadow:0 8px 18px #0000002e}.sidebar-nav button b{color:#fff;background:var(--red);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px}.sidebar-user{border-top:1px solid #ffffff12;align-items:center;gap:10px;min-height:82px;padding:15px 19px;display:flex}.avatar,.profile-button>span{color:#fff;background:#30456f;border-radius:10px;place-items:center;font-size:11px;font-weight:900;display:grid}.avatar{width:36px;height:36px}.sidebar-user>div:nth-child(2){min-width:0;display:grid}.sidebar-user strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-user span{color:#7787a5;margin-top:3px;font-size:8px;font-weight:800}.sidebar-user button{color:#8391aa;background:0 0;border:0;margin-left:auto;padding:6px}.sidebar-scrim{display:none}.main-area{min-height:100vh;margin-left:248px;padding-bottom:20px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0;align-items:center;height:70px;padding:0 35px;display:flex;position:sticky;top:0}.topbar-title{display:grid}.topbar-title span{color:#929aaa;letter-spacing:.13em;font-size:8px;font-weight:900}.topbar-title strong{margin-top:3px;font-size:15px}.topbar-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.search-box{color:#98a0af;background:#f3f5f8;border-radius:9px;align-items:center;gap:8px;width:255px;padding:0 13px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;height:37px;font-size:11px}.notification-button{border:1px solid var(--line);color:#647087;background:#fff;border-radius:9px;place-items:center;width:37px;height:37px;display:grid;position:relative}.notification-button span{color:#fff;background:var(--red);border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-weight:900;display:grid;position:absolute;top:-4px;right:-4px}.profile-button{color:#80899a;background:0 0;border:0;align-items:center;gap:7px;padding:0 0 0 4px;display:flex}.profile-button>span{width:33px;height:33px}.mobile-menu{display:none}.page-content{max-width:1480px;margin:0 auto;padding:35px}.demo-strip{color:#765a10;letter-spacing:.08em;text-align:center;background:#fff5cc;border-radius:8px;margin:-10px 0 25px;padding:8px 12px;font-size:9px;font-weight:900}.data-strip{color:#2b5dbb;letter-spacing:.08em;background:#eaf1ff;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:-10px 0 25px;padding:8px 12px;font-size:9px;font-weight:900;display:flex}.data-strip-error{color:#a82e3d;background:#fff0f1}.loader-inline{border:2px solid #aec6f7;border-top-color:var(--blue);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.welcome-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.welcome-row h1{letter-spacing:-.045em;margin:8px 0 4px;font-size:clamp(27px,3vw,38px)}.welcome-row p{color:var(--muted);margin:0;font-size:13px}.welcome-actions{gap:10px;display:flex}.select-shell{border:1px solid var(--line);color:#768196;background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:45px;padding:0 12px;display:flex}.select-shell select{appearance:none;min-width:125px;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px;font-weight:900}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px;display:grid}.metric-card{background:#fff;border:1px solid #e8ebf1;border-radius:14px;align-items:center;gap:15px;min-height:112px;padding:20px;display:flex;box-shadow:0 3px 10px #18274c06}.metric-icon{border-radius:11px;flex:0 0 45px;place-items:center;height:45px;display:grid}.metric-navy{color:#263b68;background:#edf0f7}.metric-blue{color:var(--blue);background:var(--blue-soft)}.metric-orange{color:var(--orange);background:#fff2e5}.metric-green{color:var(--green);background:#e8f7f1}.metric-card>div:last-child{display:grid}.metric-card span{color:#7d8799;letter-spacing:.08em;font-size:9px;font-weight:900}.metric-card strong{letter-spacing:-.04em;margin:3px 0 1px;font-size:27px}.metric-card small{color:#8992a2;font-size:9px}.dashboard-columns{grid-template-columns:minmax(0,1.65fr) minmax(290px,.7fr);gap:15px;margin-bottom:15px;display:grid}.panel{background:#fff;border:1px solid #e8ebf1;border-radius:14px;box-shadow:0 3px 10px #18274c06}.panel-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:74px;padding:17px 20px;display:flex}.panel-header h2{letter-spacing:-.02em;margin:5px 0 0;font-size:17px}.panel-header>button{color:var(--blue);background:0 0;border:0;font-size:10px;font-weight:900}.alert-list{padding:4px 20px}.alert-row{border-bottom:1px solid #eef0f4;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;display:grid;position:relative}.alert-row:last-child{border-bottom:0}.alert-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.alert-red .alert-icon{color:var(--red);background:#fff0f1}.alert-orange .alert-icon{color:var(--orange);background:#fff3e8}.alert-yellow .alert-icon{color:var(--yellow);background:#fff7db}.alert-copy{min-width:0;display:grid}.alert-copy span{color:var(--red);letter-spacing:.09em;font-size:8px;font-weight:900}.alert-orange .alert-copy span{color:var(--orange)}.alert-yellow .alert-copy span{color:#a87a13}.alert-copy strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 2px;font-size:10px;overflow:hidden}.alert-copy small{color:#8992a2;font-size:9px}.alert-row>button{border:1px solid var(--line);color:#566278;background:#fff;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:800}.operation-panel{text-align:center}.more-button{color:#8e97a7!important}.operation-ring{background:conic-gradient(var(--green) 0 84%, #e9edf2 84% 100%);border-radius:50%;place-items:center;width:128px;height:128px;margin:24px auto 13px;display:grid}.operation-ring:before{content:"";background:#fff;border-radius:50%;width:100px;height:100px;position:absolute}.operation-ring>div{display:grid;position:relative}.operation-ring strong{letter-spacing:-.06em;font-size:31px}.operation-ring span{color:#8c95a4;font-size:8px;font-weight:900}.operation-summary{display:grid}.operation-summary strong{font-size:10px}.operation-summary span{color:#9098a7;margin-top:3px;font-size:9px}.operation-legend{border-top:1px solid #edf0f4;justify-content:center;gap:14px;margin:23px 18px 18px;padding-top:17px;display:flex}.operation-legend span{color:#778194;font-size:8px}.operation-legend b{color:var(--ink);margin-left:2px}.operation-legend i{border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.dot-green{background:var(--green)}.dot-blue{background:var(--blue)}.dot-gray{background:#cbd1dc}.maintenance-table{padding:2px 20px 8px}.table-head,.table-row{border-bottom:1px solid #eef0f4;grid-template-columns:105px 1.5fr 1.2fr 120px 28px;align-items:center;gap:13px;min-height:58px;display:grid}.table-head{color:#969dac;letter-spacing:.08em;min-height:38px;font-size:8px;font-weight:900}.table-row{font-size:9px;font-weight:700}.table-row:last-child{border-bottom:0}.table-row>button{color:#8d96a7;background:0 0;border:0}.status-pill{border-radius:6px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:900;display:inline-block}.vehicle-cell{display:grid}.vehicle-cell b{font-size:10px}.vehicle-cell small{color:#929aaa;margin-top:2px;font-size:8px}.due-red{color:var(--red)}.due-orange{color:var(--orange)}.due-blue{color:var(--blue)}.maintenance-empty,.dashboard-empty{color:#7f8999;text-align:center;padding:22px;font-size:10px;font-weight:700}.maintenance-empty{grid-column:1/-1}.module-page{min-height:calc(100vh - 140px)}.back-link{color:var(--blue);background:0 0;border:0;margin-bottom:20px;font-size:11px;font-weight:800}.records-page{min-height:calc(100vh - 130px)}.records-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.records-heading h1{letter-spacing:-.05em;margin:7px 0 4px;font-size:38px}.records-heading p{color:var(--muted);margin:0;font-size:12px}.record-toolbar{grid-template-columns:1fr 220px;gap:12px;margin-bottom:18px;display:grid}.record-search,.record-select{border:1px solid var(--line);color:#8993a4;background:#fff;border-radius:10px;align-items:center;gap:9px;min-height:46px;padding:0 14px;display:flex}.record-search input,.record-select select{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.record-select select{appearance:none;color:var(--ink);font-weight:800}.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.vehicle-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px;box-shadow:0 3px 10px #18274c06}.vehicle-card-top{justify-content:space-between;align-items:center;display:flex}.vehicle-symbol{width:42px;height:42px;color:var(--navy);background:#edf0f7;border-radius:11px;place-items:center;display:grid}.record-status{border-radius:6px;width:max-content;padding:5px 8px;font-size:8px;font-weight:900;display:inline-flex}.status-green{color:#087a52;background:#e8f7f1}.status-red{color:#bc3745;background:#fff0f1}.status-orange{color:#c86b1d;background:#fff2e6}.status-blue{color:#255dce;background:#edf3ff}.vehicle-economic{color:var(--blue);letter-spacing:.1em;margin-top:17px;font-size:9px;font-weight:900;display:block}.vehicle-card h3{letter-spacing:-.025em;margin:5px 0 16px;font-size:16px}.vehicle-meta{border-top:1px solid #eef0f4;border-bottom:1px solid #eef0f4;grid-template-columns:1fr 1fr;gap:12px;padding:13px 0;display:grid}.vehicle-meta span{color:#566277;font-size:10px;font-weight:700;display:grid}.vehicle-meta b{color:#969eac;letter-spacing:.08em;margin-bottom:3px;font-size:7px}.vehicle-identifiers{color:#8e97a6;word-break:break-all;gap:3px;margin-top:12px;font-size:8px;display:grid}.empty-state{color:#818a9b;text-align:center;background:#fff;border:1px dashed #d9dee8;border-radius:14px;grid-column:1/-1;padding:50px 20px;font-size:12px}.modal-scrim{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0811259e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.record-modal{background:#fff;border-radius:17px;width:min(700px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 25px 70px #00000040}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:17px;display:flex}.modal-header h2{margin:5px 0 0}.modal-header button{color:#7f8999;background:0 0;border:0}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid label>span{letter-spacing:.07em;font-size:9px;font-weight:900}.form-grid input,.form-grid select,.form-grid textarea{text-transform:uppercase;background:#fff;border:1px solid #dce1ea;border-radius:9px;outline:0;width:100%;padding:11px 12px;font-size:11px}.form-grid textarea{resize:vertical;text-transform:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2c64e814}.form-span-two{grid-column:span 2}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-actions>button:first-child{color:#778195;background:0 0;border:0;padding:0 15px;font-size:10px;font-weight:900}.summary-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:15px;display:grid}.summary-mini-grid>div{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:4px 13px;padding:18px;display:grid}.summary-mini-grid svg{color:var(--blue);grid-row:span 2}.summary-mini-grid span{color:#8b94a4;letter-spacing:.08em;font-size:8px;font-weight:900}.summary-mini-grid strong{font-size:20px}.full-search{margin-bottom:14px}.maintenance-records{gap:9px;display:grid}.maintenance-records article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.maintenance-records small{color:var(--blue);font-size:8px;font-weight:900}.maintenance-records h3{margin:3px 0;font-size:13px}.maintenance-records p{color:#6f788b;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:9px;overflow:hidden}.maintenance-records b{color:#9199a7;font-size:8px}.maintenance-records>article>strong{font-size:12px}.users-summary{color:#087a52;background:#eff9f5;border:1px solid #cfe4db;border-radius:12px;align-items:center;gap:13px;margin-bottom:16px;padding:15px 18px;display:flex}.users-summary div{gap:2px;display:grid}.users-summary strong{font-size:12px}.users-summary span{color:#5e756d;font-size:9px}.user-records{gap:9px;display:grid}.user-records article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 18px;display:grid}.user-avatar{width:40px;height:40px;color:var(--navy);background:#edf0f7;border-radius:10px;place-items:center;display:grid}.user-records small{color:var(--blue);letter-spacing:.06em;font-size:8px;font-weight:900}.user-records h3{margin:3px 0;font-size:13px}.user-records p{color:#8a93a2;margin:0;font-size:9px}.user-meta{justify-items:end;gap:4px;display:grid}.user-meta span{color:var(--navy);font-size:9px;font-weight:900}.user-meta b{color:#8b94a3;font-size:8px}.password-generator{align-items:center;gap:8px;display:flex}.password-generator input{text-transform:none;flex:1}.password-generator>button{width:42px;height:39px;color:var(--blue);background:#f7f9fd;border:1px solid #dce1ea;border-radius:9px;place-items:center;display:grid}.credential-modal{text-align:center;max-width:510px}.success-icon{color:#fff;background:#0d9b69;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.credential-modal h2{margin:7px 0}.credential-modal>p{color:var(--muted);font-size:11px}.credential-box{text-align:left;background:#f7f9fc;border:1px dashed #b8c4d7;border-radius:12px;gap:5px;margin-top:20px;padding:18px;display:grid}.credential-box span{color:#8b94a3;letter-spacing:.08em;margin-top:7px;font-size:8px;font-weight:900}.credential-box strong{font-size:16px}.branch-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px;display:grid}.branch-cards article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px;display:grid}.branch-cards svg{color:var(--blue);margin-bottom:13px}.branch-cards span{color:var(--blue);letter-spacing:.08em;font-size:8px;font-weight:900}.branch-cards strong{margin:3px 0;font-size:13px}.branch-cards small{color:#8992a1;font-size:9px}.branch-cards b{color:#576276;margin-top:13px;font-size:9px}.route-panel{padding:20px}.route-records{gap:8px;display:grid}.route-records article{border:1px solid #e8ebf1;border-radius:10px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.route-records article>div{grid-template-columns:85px 120px minmax(0,1fr);align-items:center;gap:9px;display:grid}.route-records small{color:#8b94a3;font-size:8px;font-weight:800}.route-records strong{color:var(--blue);font-size:10px}.route-records span{font-size:10px}.route-records button{color:#0b8d61;background:0 0;border:0;align-items:center;gap:6px;display:flex}.route-records button span{font-size:8px;font-weight:900}.journey-records{gap:9px;display:grid}.journey-records article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 18px;display:grid}.journey-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.journey-open{color:#255dce;background:#edf3ff}.journey-closed{color:#087a52;background:#e8f7f1}.journey-records small{color:var(--blue);font-size:8px;font-weight:900}.journey-records h3{margin:3px 0;font-size:13px}.journey-records p{color:#7f8999;margin:0;font-size:9px}.journey-time{justify-items:end;gap:3px;display:grid}.journey-time b{text-transform:uppercase;font-size:10px}.journey-time span{color:#8d96a5;font-size:9px}.journey-modal{width:min(1060px,100%)}.journey-modal .modal-header p{color:var(--muted);margin:5px 0 0;font-size:9px}.form-warning{color:#9c581b;background:#fff7eb;border:1px solid #f2cf9f;border-radius:10px;align-items:center;gap:9px;margin-top:16px;padding:12px 14px;font-size:10px;font-weight:800;display:flex}.read-only-field{color:#6f7889;background:#f7f8fa;border:1px solid #e4e8ef;border-radius:9px;align-items:center;gap:7px;min-height:39px;padding:9px 11px;font-size:9px;font-weight:800;display:flex}.photo-capture-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.photo-capture-grid label{color:#697589;text-align:center;cursor:pointer;background:#f9fafc;border:1px dashed #bdc6d5;border-radius:10px;place-items:center;min-height:105px;padding:11px 6px;display:grid}.photo-capture-grid input{opacity:0;width:1px;height:1px;position:absolute}.photo-capture-grid span{margin:7px 0 3px;font-size:7px;font-weight:900}.photo-capture-grid b{color:var(--blue);font-size:7px}.photo-capture-grid .photo-ready{color:#087a52;background:#eff9f5;border-style:solid;border-color:#79c9aa}.journey-step-title{color:var(--navy);background:#eef3ff;border-radius:10px;align-items:center;gap:10px;margin-top:22px;padding:10px 12px;display:flex}.journey-step-title>span{color:#fff;background:var(--blue);border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:grid}.journey-step-title>div{gap:2px;display:grid}.journey-step-title b{letter-spacing:.07em;font-size:9px}.journey-step-title small{color:#75839d;font-size:8px}.journey-assignment-grid,.digital-checklist{margin-top:14px}.fuel-check{background:#fff;border:1px solid #dfe5ee;border-radius:12px;grid-template-columns:minmax(190px,.65fr) 1fr;align-items:center;gap:16px;padding:14px;display:grid}.fuel-check>div:first-child,.tire-pressure-block>div:first-child{color:var(--blue);align-items:center;gap:9px;display:flex}.fuel-check>div:first-child span,.tire-pressure-block>div:first-child span{gap:2px;display:grid}.fuel-check>div:first-child b,.tire-pressure-block>div:first-child b{color:var(--navy);letter-spacing:.06em;font-size:8px}.fuel-check>div:first-child small,.tire-pressure-block>div:first-child small{color:#818b9c;font-size:7px}.fuel-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.fuel-options button{color:#657186;background:#f8f9fc;border:1px solid #dce2ec;border-radius:9px;place-items:center;min-height:45px;padding:6px;display:grid}.fuel-options button b{font-size:8px}.fuel-options button span{font-size:7px}.fuel-options button.fuel-selected{border-color:var(--blue);color:var(--blue);background:#edf3ff;box-shadow:0 0 0 2px #2c64e814}.checklist-progress{color:var(--blue);background:#f8f9fc;border:1px solid #dfe5ee;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;display:grid}.checklist-progress>div{gap:2px;display:grid}.checklist-progress strong{color:var(--navy);font-size:9px}.checklist-progress span{color:#818b9c;font-size:7px}.checklist-progress i{color:#8a94a4;background:#e9edf3;border-radius:8px;place-items:center;min-width:42px;height:28px;font-size:9px;font-style:normal;font-weight:900;display:grid}.checklist-progress i.check-complete{color:#087a52;background:#e5f6ef}.checklist-sections{gap:8px;margin-top:10px;display:grid}.checklist-sections details{background:#fff;border:1px solid #dfe5ee;border-radius:11px;overflow:hidden}.checklist-sections summary{min-height:42px;color:var(--navy);cursor:pointer;background:#f8f9fc;align-items:center;padding:0 14px;list-style-position:inside;display:flex}.checklist-sections summary span{letter-spacing:.06em;margin-left:7px;font-size:8px;font-weight:900}.checklist-sections summary b{color:var(--blue);margin-left:auto;font-size:8px}.checklist-section-actions{border-top:1px solid #edf0f4;justify-content:flex-end;padding:8px 12px;display:flex}.checklist-section-actions button{color:#087a52;background:#eff9f5;border:1px solid #b9dbc9;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:7px;font-weight:900;display:flex}.checklist-items{border-top:1px solid #edf0f4}.checklist-item{border-bottom:1px solid #f0f2f6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:46px;padding:7px 12px;display:grid}.checklist-item:last-child{border-bottom:0}.checklist-item>div:first-child{align-items:center;gap:9px;min-width:0;display:flex}.checklist-item>div:first-child>b{color:#727e91;background:#eef1f6;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.checklist-item>div:first-child>span{color:#465268;align-items:center;gap:7px;min-width:0;font-size:9px;font-weight:700;display:flex}.checklist-item>div:first-child small{color:#a8521d;letter-spacing:.04em;background:#fff1e5;border-radius:5px;padding:3px 5px;font-size:6px;font-weight:900}.checklist-critical{background:#fffdfa}.checklist-answer{background:#edf0f5;border-radius:8px;gap:3px;padding:3px;display:flex}.checklist-answer button{color:#7b8596;background:0 0;border:0;border-radius:6px;min-width:43px;height:29px;padding:0 8px;font-size:7px;font-weight:900}.checklist-answer button.answer-ok{color:#087a52;background:#dff4eb}.checklist-answer button.answer-fail{color:#b52339;background:#ffe4e7}.checklist-answer button.answer-na{color:#536075;background:#fff}.tire-pressure-block{background:#fff;border:1px solid #dfe5ee;border-radius:11px;grid-template-columns:minmax(190px,.65fr) 1fr;align-items:center;gap:16px;margin-top:10px;padding:14px;display:grid}.tire-pressure-block>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tire-pressure-block label{gap:4px;display:grid}.tire-pressure-block label span{color:#8590a1;font-size:7px;font-weight:900}.tire-pressure-block input{border:1px solid #dce2ec;border-radius:8px;outline:0;width:100%;padding:9px;font-size:9px}.checklist-notes{gap:6px;margin-top:10px;display:grid}.checklist-notes>span{letter-spacing:.05em;font-size:8px;font-weight:900}.checklist-notes textarea{width:100%;font:inherit;resize:vertical;border:1px solid #dce2ec;border-radius:9px;outline:0;padding:11px 12px;font-size:9px}.critical-checklist-alert{color:#fff;background:#bd293d;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.critical-checklist-alert>div{gap:2px;display:grid}.critical-checklist-alert b{font-size:9px}.critical-checklist-alert span{color:#ffdce1;font-size:8px}.document-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.document-summary>div{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:3px 11px;padding:16px;display:grid}.document-summary svg{color:var(--blue);grid-row:span 2}.document-summary span{color:#8992a2;font-size:8px;font-weight:900}.document-summary strong{font-size:20px}.document-records{gap:9px;display:grid}.document-records article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 18px;display:grid}.document-icon{width:42px;height:42px;color:var(--navy);background:#edf0f7;border-radius:11px;place-items:center;display:grid}.document-records small{color:var(--blue);font-size:8px;font-weight:900}.document-records h3{margin:3px 0;font-size:13px}.document-records p{color:#7f8999;margin:0;font-size:9px}.document-expiry{justify-items:end;gap:3px;display:grid}.document-expiry span{color:#9098a7;font-size:7px;font-weight:900}.document-expiry strong{text-transform:uppercase;font-size:9px}.subject-tabs{background:#eef1f6;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-top:18px;padding:4px;display:grid}.subject-tabs button{color:#788296;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:9px;font-weight:900;display:flex}.subject-tabs .subject-active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #14234614}.file-upload{min-height:39px;color:var(--blue);background:#f8faff;border:1px dashed #c4ccd8;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;display:flex}.file-upload input{text-transform:none;border:0;padding:0;font-size:8px}.incident-banner{color:#b42539;background:#fff2f3;border:1px solid #f1c7cc;border-radius:12px;align-items:center;gap:13px;margin-bottom:16px;padding:16px 18px;display:flex}.incident-banner div{gap:2px;display:grid}.incident-banner strong{font-size:12px}.incident-banner span{color:#7d6268;font-size:9px}.incident-records{gap:9px;display:grid}.incident-records article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 18px;display:grid}.incident-icon{color:#c92f43;background:#fff0f2;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.incident-records small{color:#c92f43;font-size:8px;font-weight:900}.incident-records h3{margin:3px 0;font-size:13px}.incident-records p{color:#7f8999;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.incident-date{justify-items:end;gap:3px;display:grid}.incident-date b{font-size:9px}.incident-date span{color:#8c95a4;font-size:8px}.incident-modal{width:min(780px,100%)}.critical-warning{color:#fff;background:#be2b3f;border-radius:10px;align-items:center;gap:11px;margin-top:17px;padding:14px;display:flex}.critical-warning div{gap:2px;display:grid}.critical-warning strong{font-size:10px}.critical-warning span{color:#ffdce1;font-size:8px}.checkbox-field{grid-template-columns:auto 1fr;align-items:center;padding-top:21px;display:flex!important}.checkbox-field input{width:18px;height:18px}.checkbox-field span{font-size:9px!important}.incident-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.module-hero{text-align:center;background:radial-gradient(circle at 50% 0,#fff 0,#0000 48%),linear-gradient(145deg,#eef3ff,#f8f9fc);border-radius:18px;padding:55px 30px}.module-icon{color:#fff;background:var(--navy);border-radius:20px;place-items:center;width:72px;height:72px;margin:0 auto 20px;display:grid;box-shadow:0 14px 30px #111c3a38}.module-hero h1{letter-spacing:-.05em;margin:8px 0;font-size:38px}.module-hero p{max-width:590px;color:var(--muted);margin:0 auto 25px;line-height:1.6}.module-preview-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px;display:grid}.module-preview-grid>div{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:155px;padding:24px;display:grid}.module-preview-grid svg{color:var(--blue)}.module-preview-grid strong{align-self:end;margin:18px 0 6px}.module-preview-grid span{color:var(--muted);font-size:12px;line-height:1.5}.toast{z-index:100;color:#fff;background:#17254a;border-radius:11px;align-items:center;gap:10px;max-width:390px;padding:14px 17px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 14px 35px #111c3a47}.toast svg{color:#58d7a4;flex:none}.mobile-bottom-nav{display:none}.vehicle-toolbar{grid-template-columns:minmax(260px,1fr) 210px 210px}.vehicle-view-bar{justify-content:space-between;align-items:center;gap:14px;margin:-3px 0 15px;display:flex}.vehicle-view-bar>span{color:#818b9c;letter-spacing:.07em;font-size:8px;font-weight:800}.vehicle-view-bar>span b{color:var(--navy);font-size:10px}.vehicle-view-switch{background:#edf0f5;border:1px solid #dfe4ed;border-radius:10px;gap:3px;padding:4px;display:flex}.vehicle-view-switch button{color:#778196;letter-spacing:.05em;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:8px;font-weight:900;display:flex}.vehicle-view-switch button:hover{color:var(--blue)}.vehicle-view-switch button.view-active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #1423461a}button.vehicle-card{width:100%;color:inherit;font:inherit;text-align:left;display:block}.vehicle-card{transition:transform .18s,border-color .18s,box-shadow .18s}.vehicle-card:hover{border-color:#b8c8eb;transform:translateY(-2px);box-shadow:0 12px 24px #18274c14}.vehicle-open{color:var(--blue);letter-spacing:.07em;align-items:center;gap:6px;margin-top:13px;font-size:8px;font-weight:900;display:flex}.vehicle-compact-list{gap:8px;display:grid}.vehicle-compact-row{border:1px solid var(--line);width:100%;color:inherit;text-align:left;content-visibility:auto;contain-intrinsic-size:auto 88px;background:#fff;border-radius:12px;grid-template-columns:auto minmax(250px,1fr) minmax(310px,.8fr) auto 20px;align-items:center;gap:14px;padding:13px 15px;transition:border-color .16s,box-shadow .16s;display:grid}.vehicle-compact-row:hover{border-color:#b8c8eb;box-shadow:0 8px 18px #18274c0f}.vehicle-compact-row .vehicle-symbol{width:39px;height:39px}.vehicle-compact-name{gap:2px;min-width:0;display:grid}.vehicle-compact-name small{color:var(--blue);letter-spacing:.08em;font-size:7px;font-weight:900}.vehicle-compact-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.vehicle-compact-name span{color:#7d8799;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.vehicle-compact-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.vehicle-compact-data span{color:#566277;overflow-wrap:anywhere;min-width:0;font-size:8px;font-weight:800;display:grid}.vehicle-compact-data b{color:#969eac;letter-spacing:.07em;margin-bottom:3px;font-size:7px}.vehicle-row-open{color:var(--blue)}.vehicle-table-wrap{border:1px solid var(--line);background:#fff;border-radius:13px;overflow-x:auto;box-shadow:0 3px 10px #18274c06}.vehicle-admin-table{min-width:1280px}.vehicle-table-head,.vehicle-table-row{grid-template-columns:minmax(235px,1.2fr) 135px 105px 110px minmax(235px,1fr) 185px 105px 28px;align-items:center;gap:12px;min-height:66px;padding:0 15px;display:grid}.vehicle-table-head{color:#8f98a8;letter-spacing:.08em;background:#f7f8fb;min-height:40px;font-size:7px;font-weight:900}.vehicle-table-row{width:100%;color:inherit;font:inherit;text-align:left;content-visibility:auto;contain-intrinsic-size:auto 66px;background:#fff;border:0;border-top:1px solid #edf0f4;transition:background .14s}.vehicle-table-row:hover{background:#f7f9fd}.vehicle-table-row>span{gap:3px;min-width:0;display:grid}.vehicle-table-row b{color:#536075;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.vehicle-table-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.vehicle-table-row small{color:#8b94a4;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.vehicle-table-name>b{color:var(--blue);letter-spacing:.06em}.vehicle-table-row i{font-style:normal}.vehicle-table-open{color:var(--blue)}.vehicle-detail-modal{width:min(1140px,100%);padding-bottom:0}.vehicle-detail-modal .modal-header p{color:var(--muted);margin:5px 0 0;font-size:10px}.vehicle-detail-modal .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dossier-highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.dossier-highlights span{color:#536075;overflow-wrap:anywhere;background:#fafbfd;border:1px solid #e1e6ef;border-radius:10px;gap:4px;min-width:0;padding:12px 13px;font-size:9px;font-weight:800;display:grid}.dossier-highlights b{color:#8c96a7;letter-spacing:.08em;font-size:7px}.vehicle-fieldset{border:0;margin:0;padding:0}.vehicle-fieldset:disabled{opacity:.82}.form-section-title{color:var(--navy);background:#f1f4f9;border-radius:10px;align-items:center;gap:10px;margin-top:24px;padding:12px 14px;display:flex}.form-section-title svg{color:var(--blue)}.form-section-title>div{gap:2px;display:grid}.form-section-title strong{letter-spacing:.08em;font-size:9px}.form-section-title span{color:#818b9c;font-size:8px}.enercard-history{border:1px solid #dde4ef;border-radius:11px;margin-top:15px;overflow:hidden}.enercard-history-heading{color:var(--navy);background:#f8f9fc;align-items:center;gap:8px;padding:12px 14px;display:flex}.enercard-history-heading svg{color:var(--blue)}.enercard-history-heading strong{letter-spacing:.07em;font-size:8px}.enercard-history-heading span{color:#8993a4;margin-left:auto;font-size:7px;font-weight:900}.enercard-history article{border-top:1px solid #edf0f5;grid-template-columns:1.2fr 1fr .7fr;align-items:center;gap:12px;padding:11px 14px;display:grid}.enercard-history article>div{gap:3px;min-width:0;display:grid}.enercard-history article>div:last-child{justify-items:end}.enercard-history b{overflow-wrap:anywhere;font-size:9px}.enercard-history span{color:#788397;font-size:8px}.enercard-history small{border-radius:5px;padding:4px 7px;font-size:7px;font-weight:900}.enercard-history>p{color:#8a93a4;margin:0;padding:16px;font-size:9px}.enercard-active{color:#087a52;background:#e8f7f1}.enercard-blocked{color:#b56a16;background:#fff3e5}.enercard-inactive,.enercard-unknown{color:#8a4350;background:#fff0f2}.policy-file-field input[type=file]{text-transform:none;padding:8px}.policy-file-field a{width:max-content;color:var(--blue);align-items:center;gap:6px;margin-top:3px;font-size:8px;font-weight:900;text-decoration:none;display:inline-flex}.vehicle-photo-section{margin-top:15px}.photo-completion{background:#f3faf7;border:1px solid #d6e7df;border-radius:11px;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.photo-completion>div:first-child{gap:2px;display:grid}.photo-completion strong{color:#116b4e;letter-spacing:.06em;font-size:9px}.photo-completion span{color:#6f837b;font-size:7px;font-weight:800}.photo-completion>b{color:#087a52;font-size:15px}.photo-progress{background:#dbece5;border-radius:99px;height:7px;overflow:hidden}.photo-progress i{border-radius:inherit;background:#0a9a68;height:100%;transition:width .25s;display:block}.photo-security-note{color:#7e899a;margin:9px 2px 13px;font-size:8px;line-height:1.5}.photo-loading{color:#8490a2;justify-content:center;align-items:center;gap:8px;min-height:130px;font-size:9px;font-weight:900;display:flex}.vehicle-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.vehicle-photo-slot{background:#fff;border:1px solid #dce2eb;border-radius:11px;overflow:hidden}.vehicle-photo-preview,.vehicle-photo-placeholder{color:#8490a2;background:#f3f5f8;place-items:center;width:100%;height:145px;display:grid;position:relative}.vehicle-photo-preview img{object-fit:cover}.vehicle-photo-preview>svg{z-index:1;color:#fff;background:#0c1833b8;border-radius:7px;width:27px;height:27px;padding:5px;position:absolute;bottom:8px;right:8px}.vehicle-photo-placeholder{border-bottom:1px dashed #dce2eb;gap:7px}.vehicle-photo-placeholder span{font-size:8px;font-weight:900}.vehicle-photo-copy{gap:3px;min-height:72px;padding:11px 12px;display:grid}.vehicle-photo-copy strong{color:var(--navy);letter-spacing:.05em;font-size:8px}.vehicle-photo-copy>span{color:#858f9f;font-size:7px}.vehicle-photo-copy small{color:#087a52;align-items:center;gap:4px;margin-top:4px;font-size:7px;font-weight:900;display:flex}.photo-upload-button{min-height:36px;color:var(--blue);cursor:pointer;background:#fafcff;border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:6px;font-size:8px;font-weight:900;display:flex}.photo-upload-button:hover{background:#f1f6ff}.photo-upload-button input{opacity:0;width:1px;height:1px;position:absolute}.vehicle-detail-actions{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff7;border-top:1px solid #dfe4ec;margin:24px -24px 0;padding:15px 24px;position:sticky;bottom:0}.driver-modal{width:min(900px,100%)}.driver-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.driver-photo-grid label{color:#758196;text-align:center;cursor:pointer;background:#fafbfd;border:1px dashed #b8c3d4;border-radius:11px;place-items:center;min-height:130px;padding:16px 10px;display:grid}.driver-photo-grid label:hover{border-color:var(--blue);background:#f6f9ff}.driver-photo-grid input{opacity:0;width:1px;height:1px;position:absolute}.driver-photo-grid strong{color:var(--navy);letter-spacing:.07em;margin-top:9px;font-size:8px}.driver-photo-grid span{color:#8a94a4;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:4px;font-size:8px;overflow:hidden}.driver-photo-grid .photo-ready{color:#087a52;background:#eff9f5;border-style:solid;border-color:#70c5a3}.user-meta small{color:#a27518;font-size:7px;font-weight:900}@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.operation-panel{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.operation-panel .panel-header{grid-column:1/-1}.operation-ring{margin:20px 45px}.operation-legend{margin-right:30px}.record-grid,.branch-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-toolbar{grid-template-columns:1fr 1fr}.vehicle-toolbar .record-search{grid-column:1/-1}.vehicle-compact-row{grid-template-columns:auto minmax(220px,1fr) minmax(260px,.8fr) auto 18px;gap:11px;padding:12px}.vehicle-detail-modal .form-grid,.vehicle-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.login-page{background:var(--navy);display:block}.login-brand-panel{display:none}.login-form-panel{background:linear-gradient(180deg, var(--navy) 0 27%, #f7f8fb 27%);min-height:100vh;padding:25px 20px}.login-card{background:#fff;border-radius:18px;padding:26px 22px;box-shadow:0 20px 45px #0000002e}.mobile-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:-9px 0 35px;padding-bottom:20px;display:flex}.mobile-brand img{background:var(--navy);border-radius:8px;width:90px;padding:8px}.mobile-brand span{letter-spacing:.12em;font-size:12px;font-weight:900}.sidebar{width:min(285px,86vw);transition:transform .25s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050c1c94;border:0;display:block;position:fixed;inset:0}.sidebar-close{color:#fff;background:0 0;border:0;place-items:center;margin-left:auto;padding:5px;display:grid}.main-area{margin-left:0;padding-bottom:74px}.topbar{height:60px;padding:0 16px}.mobile-menu{color:var(--navy);background:0 0;border:0;place-items:center;margin-right:11px;padding:5px;display:grid}.topbar-title span,.search-box,.profile-button{display:none}.topbar-title strong{font-size:13px}.topbar-actions{gap:7px}.page-content{padding:22px 15px}.demo-strip{margin:-3px 0 18px;line-height:1.4}.welcome-row{display:block}.welcome-row h1{font-size:28px}.welcome-actions{margin-top:20px}.select-shell{flex:1}.select-shell select{width:100%;min-width:0}.welcome-actions .primary-button{flex:none;padding:0 12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{align-content:space-between;gap:10px;min-height:140px;padding:15px;display:grid}.metric-icon{width:39px;height:39px}.metric-card strong{font-size:24px}.metric-card small{line-height:1.35}.panel-header{min-height:67px;padding:14px 15px}.alert-list{padding:2px 14px}.alert-row{grid-template-columns:38px minmax(0,1fr);padding:10px 0}.alert-row>button{grid-column:2;justify-self:start}.operation-panel{display:block}.operation-ring{margin:22px auto 12px}.operation-legend{margin:20px 15px 17px}.maintenance-table{padding:4px 14px}.table-head{display:none}.table-row{grid-template-columns:82px 1fr auto;gap:8px;padding:13px 0}.table-row>span:nth-child(3){color:#687387;grid-column:2}.table-row>span:nth-child(4){grid-column:2}.table-row>button{grid-area:1/3}.vehicle-cell b{font-size:9px}.module-hero{padding:40px 20px}.module-hero h1{font-size:31px}.module-preview-grid{grid-template-columns:1fr}.module-preview-grid>div{min-height:120px}.records-heading{display:block}.records-heading .primary-button{width:100%;margin-top:18px}.records-heading h1{font-size:31px}.record-toolbar,.record-grid,.form-grid{grid-template-columns:1fr}.form-span-two{grid-column:auto}.summary-mini-grid{grid-template-columns:1fr}.maintenance-records article{grid-template-columns:82px minmax(0,1fr)}.maintenance-records>article>strong{grid-column:2}.record-modal{padding:19px}.vehicle-toolbar{grid-template-columns:1fr}.vehicle-toolbar .record-search{grid-column:auto}.driver-photo-grid{grid-template-columns:1fr}.form-section-title{align-items:flex-start}.vehicle-view-bar{flex-direction:column;align-items:stretch}.vehicle-view-switch{width:100%}.vehicle-view-switch button{flex:1;padding:0 8px}.vehicle-compact-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.vehicle-compact-row>.record-status{grid-area:1/3}.vehicle-compact-data{border-top:1px solid #edf0f4;grid-column:2/-1;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:9px}.vehicle-row-open{display:none}.vehicle-table-wrap{border-right:0;border-radius:12px 0 0 12px;margin-right:-15px}.vehicle-detail-modal .form-grid{grid-template-columns:1fr}.vehicle-detail-modal .form-span-two{grid-column:auto}.dossier-highlights{grid-template-columns:1fr 1fr}.enercard-history article{grid-template-columns:1fr}.enercard-history article>div:last-child{justify-items:start}.photo-completion{grid-template-columns:1fr auto}.photo-progress{grid-area:2/1/auto/-1}.vehicle-photo-grid{grid-template-columns:1fr}.vehicle-detail-actions{margin-left:-19px;margin-right:-19px;padding-left:19px;padding-right:19px}.branch-cards{grid-template-columns:1fr 1fr}.user-records article{grid-template-columns:auto minmax(0,1fr) auto}.user-meta{grid-column:2;justify-items:start}.user-records article>.record-status{grid-area:1/3}.route-records article>div{grid-template-columns:70px 1fr}.route-records article>div span{grid-column:1/-1}.credential-modal .modal-actions{display:grid}.credential-modal .modal-actions button{min-height:43px}.journey-records article{grid-template-columns:auto minmax(0,1fr) auto}.journey-time{grid-column:2;justify-items:start;gap:8px;display:flex}.journey-records article>.record-status{grid-area:1/3}.photo-capture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-capture-grid label:last-child{grid-column:1/-1}.journey-modal .modal-actions{border-top:1px solid var(--line);background:#fff;margin-left:-19px;margin-right:-19px;padding:13px 19px;position:sticky;bottom:-19px}.fuel-check,.tire-pressure-block{grid-template-columns:1fr}.fuel-options{grid-template-columns:repeat(5,minmax(0,1fr))}.fuel-options button{min-width:0;padding:5px 2px}.checklist-item{grid-template-columns:1fr}.checklist-answer{width:100%}.checklist-answer button{flex:1;min-width:0}.checklist-item>div:first-child>span{flex-direction:column;align-items:flex-start;gap:3px}.tire-pressure-block>div:last-child{grid-template-columns:1fr 1fr}.journey-step-title small{line-height:1.35}.document-summary{grid-template-columns:1fr}.document-records article{grid-template-columns:auto minmax(0,1fr) auto}.document-expiry{grid-column:2;justify-items:start}.document-records article>.record-status{grid-area:1/3}.records-heading .danger-button{width:100%;margin-top:18px}.incident-records article{grid-template-columns:auto minmax(0,1fr) auto}.incident-date{grid-column:2;justify-items:start}.incident-records article>.record-status{grid-area:1/3}.incident-photos{grid-template-columns:1fr}.incident-photos label:last-child{grid-column:auto}.mobile-bottom-nav{z-index:21;min-height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-bottom-nav button{color:#8b94a4;background:0 0;border:0;align-content:center;place-items:center;gap:4px;font-size:7px;font-weight:800;display:grid}.mobile-bottom-nav button.mobile-active{color:var(--blue)}.toast{bottom:82px;left:14px;right:14px}}@media (max-width:380px){.welcome-actions{display:grid}.welcome-actions .primary-button,.welcome-actions .danger-button{width:100%}.metric-grid{grid-template-columns:1fr}.metric-card{grid-template-columns:auto 1fr;align-items:center;min-height:105px}.metric-card>div:last-child{align-self:center}}