*{box-sizing:border-box}body{margin:0;background:#f4f6f1;color:#173e36;font:16px/1.65 system-ui,sans-serif}header,main{max-width:1080px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;direction:ltr}header b{font:800 29px system-ui;letter-spacing:-2px}header span{color:#47865a}header i{font-style:normal;color:#65a761}small,label,footer{color:#58685e}.hero{background:#123e38;border-radius:22px;padding:36px;color:white;display:flex;align-items:center;justify-content:space-between}.hero svg{width:32%}.hero label{color:#bbdfae;font-size:13px}h1{font-size:clamp(36px,6vw,62px);margin:4px 0;line-height:1.3}.hero p{color:#d0ded3;margin:8px 0 20px}button{cursor:pointer;background:#d5efa7;color:#173e36;border:0;border-radius:9px;padding:10px 16px;font:inherit;font-weight:650}nav{display:flex;gap:6px;overflow:auto;margin:20px 0}nav button{background:white;white-space:nowrap}nav .on{background:#173e36;color:white}article,.card{background:white;border:1px solid #dce3da;border-radius:15px;padding:20px}.grid,form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}form button,.wide{grid-column:1/-1}label{display:block}input,select{width:100%;font:inherit;border:1px solid #bfcbbf;border-radius:7px;padding:9px;background:white}input[type=checkbox]{width:auto}.num{display:block;font-size:32px;font-weight:750}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e4e9e1;padding:10px 0}h2{margin:0 0 16px}footer{text-align:center;font-size:13px;margin:24px}.note{background:#f2f7ea;padding:12px;border-radius:8px}@media(max-width:600px){main,header{padding:12px}.hero{padding:22px}.hero svg{width:25%}header small{font-size:11px}}@media print{header,.hero,nav,footer,button{display:none}body,article{background:white;border:0}}
[hidden]{display:none!important}#gate{max-width:660px;margin:6vh auto;padding:32px;text-align:center}#gate .langmark{font-size:48px}#gate h1{font-size:38px}#gate p{color:#52685d}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.choices button{background:white;color:#173e36;border:1px solid #becdbf;padding:14px}.choices button:hover,.choices button:focus-visible{background:#d5efa7}#langButton{background:white;border:1px solid #becdbf;white-space:nowrap}body:has(main[hidden]) header small{visibility:hidden}@media(max-width:570px){header small{display:none}#gate{padding:20px}}
#driverWelcome,.exp-card{background:linear-gradient(115deg,#143f36,#205749);color:white;padding:clamp(16px,3.2vw,29px);border-radius:22px}.welcome-head,.welcome-wallet{display:flex;align-items:center;justify-content:space-between;gap:14px}.welcome-head small,.welcome-metrics dt{color:#d3e6d7}.welcome-head h1{font-size:clamp(24px,3.5vw,36px);overflow-wrap:anywhere}.welcome-bell{position:relative;color:white;background:#ffffff19;border:1px solid #ffffff55;padding:10px;width:46px;height:46px;flex:none}.welcome-bell svg{fill:none;stroke:currentColor;stroke-width:1.6;width:24px}.welcome-bell sup{position:absolute;inset-inline-end:-6px;top:-7px;background:#d5efa7;border-radius:20px;padding:0 5px;color:#173e36;font-size:12px}.welcome-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0;padding:13px 0;border-block:1px solid #ffffff38}.welcome-metrics dd{margin:4px 0 0;font-weight:750;font-size:clamp(19px,2.5vw,28px);overflow-wrap:anywhere}.welcome-wallet{width:100%;background:#ffffff12;color:white;border:1px solid #ffffff40}.welcome-wallet strong{color:#d5efa7}@media(max-width:650px){.welcome-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{#driverWelcome{display:none}}
.actions-view{padding:0;margin-top:16px;border:0;background:transparent}.driver-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}.driver-actions button{background:white;color:#173e36;border:1px solid #cbdbcd;min-height:56px}.driver-actions button:first-child{background:#d5efa7}.driver-actions button:hover{border-color:#47865a}@media(max-width:420px){.driver-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
#adminPreview{display:block;margin:0 auto;background:transparent;font-size:13px}
#reportBody{margin-block:22px}.report-scroll{overflow:auto}.report-scroll table{width:100%;border-collapse:collapse;font-size:14px}.report-scroll td,.report-scroll th{text-align:start;padding:10px;border-bottom:1px solid #dbe6de}.report-scroll th{background:#edf4ef}.report-buttons button:disabled{opacity:.5}@media print{body:has(#reportBody) .report-filter,body:has(#reportBody) .report-buttons,body:has(#reportBody) #view>h2{display:none}body:has(#reportBody) .report-scroll{overflow:visible}#reportBody tr{break-inside:avoid}#reportBody thead{display:table-header-group}}

.vehicle-summary{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin:4px 0 0;color:#e1eee5}.vehicle-summary bdi{font-weight:650}.welcome-wallet{padding-block:7px}
.bayan-form fieldset{min-width:0;padding:16px;margin:12px 0;border:1px solid #cfddce;border-radius:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr));gap:12px}.bayan-form [data-items]{grid-column:1/-1}.bayan-form legend{color:#215647;font-weight:700}.card pre{white-space:pre-wrap;overflow-wrap:anywhere}
.plate-picker{display:flex;flex-wrap:wrap;gap:14px;border:1px solid #cdd8d0;border-radius:10px}.plate-picker label{display:flex;align-items:center;gap:7px;cursor:pointer}.plate-picker input{width:auto;accent-color:#173e36}.plate-kind{display:inline-flex;align-items:center;gap:.55em;font-weight:650}.plate-kind:before{content:"";width:1.25em;height:.8em;border-radius:3px;border:1px solid #0004}.plate-2:before{background:#ffd447}.plate-3:before{background:#247ac3}.vehicle-id-hint{grid-column:1/-1}
.review-image{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:12px auto}#clientReviews .card{margin-block:12px}#accountFiles label span{display:block}
input[type=radio]{width:auto}.wide[data-company] label{margin-block:8px}
.bayan-form{display:block}.trip-summary{padding:12px 16px;background:#f2f6f1;border-radius:10px;margin-bottom:16px}.trip-summary p{display:inline;margin-inline:12px}.trip-section{padding:14px 0;border-bottom:1px solid #dae4de}.trip-section h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#164d3a}.trip-section svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round}.trip-pair,.trip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trip-pair>div{background:#f6f8f5;padding:12px;border-radius:9px}.trip-pair h4{margin:0}.trip-pair label,.trip-section details{margin-top:10px}.bayan-form fieldset.waybill{display:block}.bayan-form button{margin-block:8px}.bayan-form [data-add],.bayan-form [data-remove]{background:#edf3eb}.bayan-form button[type=submit]{width:100%;background:#20533f;color:white}.bayan-form [aria-invalid=true]{border:2px solid #b42318;background:#fff2f0}.bayan-form [data-errors]{color:#98251b;font-weight:bold}.bayan-form details>summary{cursor:pointer}.bayan-form[hidden]{display:none}@media(max-width:650px){.trip-pair,.trip-grid{grid-template-columns:1fr}}

/* Entry card */
#view:has(.portal-card){background:none;border:0;padding:0}
body:has(.portal-card) header b,body:has(.portal-card) header small{display:none}
body:has(.portal-card) header{justify-content:flex-end}
.portal-card{max-width:540px;margin:clamp(12px,4vh,46px) auto 0;overflow:hidden;border-radius:24px;border:1px solid #d4e1d7;background:white;box-shadow:0 14px 44px #1b483411}
.portal-brand{position:relative;isolation:isolate;overflow:hidden;background:#123f36;color:white;padding:clamp(24px,5vw,38px);text-align:start}
.portal-route{position:absolute;z-index:-1;inset-inline-end:-10px;top:-12px;width:49%;height:115%;color:#8fbba1;opacity:.45}
.portal-logo{display:inline-flex;align-items:center;font:800 clamp(43px,7vw,58px)/1 system-ui,sans-serif;letter-spacing:-.07em}
.portal-logo span,.portal-logo svg{color:#ceeea2}.portal-logo svg{width:.4em;align-self:flex-start;margin:.1em 0 0 .08em}
.portal-logo svg,.portal-choice svg{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.portal-brand h2{margin:18px 0 0;color:white;font-size:clamp(19px,4vw,24px);line-height:1.4}
.portal-body{display:grid;gap:12px;padding:clamp(16px,4vw,28px)}
.portal-choice{display:flex;align-items:center;gap:14px;width:100%;text-align:start;background:#fff;color:#173e36;border:1px solid #cfdcd2;border-radius:14px;padding:16px}
.portal-choice:hover{border-color:#6a927a;background:#f6faf5}.portal-choice:focus-visible{outline:3px solid #43845b;outline-offset:2px}
.portal-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e6f1d8;color:#235439}
.portal-client .portal-icon{background:#e2f0ec;color:#236155}.portal-icon svg{width:25px;height:25px}
.portal-copy{flex:1;min-width:0}.portal-copy strong,.portal-copy small{display:block}.portal-copy strong{font-size:1.13rem}.portal-copy small{font-weight:400;font-size:.875rem;color:#51685c}
.portal-arrow{width:17px;height:17px}.portal-card:dir(rtl) .portal-arrow{transform:rotate(180deg)}
.portal-staff-row{border-top:1px solid #e3eae4;margin-top:5px;padding-top:9px}
.portal-staff{border-color:transparent;background:transparent;padding:7px 12px}.portal-staff .portal-icon{width:32px;height:32px;background:#f1f5f2}.portal-staff .portal-icon svg{width:20px}.portal-staff strong{font-size:.96rem}
#view:has(.client-dashboard){max-width:840px;margin:auto;border:0;background:transparent;padding:0}.client-welcome{position:relative;overflow:hidden;isolation:isolate;background:#123f36;color:white;border-radius:20px;padding:clamp(20px,4vw,32px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.client-welcome:after{content:"";position:absolute;inset-inline-end:-9%;top:-90%;height:240%;width:38%;border-inline:2px solid #ffffff14;transform:rotate(-32deg);z-index:-1}.client-welcome .portal-logo{font-size:36px;grid-column:1/-1}.client-welcome h2{margin:0;font-size:clamp(21px,3vw,30px);overflow-wrap:anywhere}.client-welcome button,.client-list-head button,.client-signout{display:inline-flex;align-items:center;justify-content:center;gap:8px}.client-dashboard button svg,.client-list-head svg,.client-signout svg{height:22px;width:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.client-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:14px 22px}.client-shortcuts button{display:flex;align-items:center;gap:10px;text-align:start;background:white;border:1px solid #d4e1d7;padding:14px;border-radius:12px}.client-shortcuts button[aria-pressed=true]{border-color:#638b72;background:#eef5ec}.client-shortcuts b{margin-inline-start:auto;font-size:.85rem}.client-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-list-head h3{margin:0}.client-list-head button,.client-signout{background:transparent;font-size:.86rem;color:#385d4d}.market-empty{padding:22px;text-align:center;border:1px dashed #c3d3c8;border-radius:12px;color:#51685c}.client-signout{margin-block:12px}#view:has(.client-dashboard) #postLoad{background:white;border:1px solid #d4e1d7;border-radius:14px;padding:18px;margin-block:12px}body:has(.client-dashboard) header b,body:has(.client-dashboard) header small{display:none}body:has(.client-dashboard) header{justify-content:flex-end}@media(max-width:600px){.client-welcome{grid-template-columns:1fr}.client-welcome button{justify-self:start}.client-shortcuts button{flex-wrap:wrap;gap:5px;padding:10px}.client-shortcuts button span{order:3;flex-basis:100%;font-size:.86rem;overflow-wrap:anywhere}}
#view:has(.ops-shell){padding:0;border:none;background:transparent}.ops-head{max-width:none;display:flex;align-items:center;justify-content:flex-start;direction:inherit;gap:20px;color:white;background:#143f36;border-radius:18px;padding:22px 24px}.ops-head .portal-logo{font-size:34px}.ops-head .portal-logo span{color:#cfeeaa}.ops-head h2,.ops-shell h3{margin:0}.ops-head small{color:#d8e6dc}.ops-head button{margin-inline-start:auto;background:#ffffff18;color:#fff;font-size:.84rem}.ops-scope{font-size:.83rem;color:#5b6f62}.ops-shell h3{margin-block:18px 10px}.ops-metrics,.ops-modules,.ops-numbers{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ops-metrics button,.ops-modules button,.ops-tabs button{display:flex;text-align:start;align-items:center;gap:9px;background:white;border:1px solid #cfddd2}.ops-metrics button{flex-wrap:wrap}.ops-metrics b{flex-basis:100%;font-size:26px;line-height:1.2}.ops-modules button{padding:16px;min-height:66px}.ops-shell svg{flex:none;width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ops-metrics svg,.ops-modules svg{color:#357256}.ops-section-head,.ops-record,.ops-provider summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-record,.ops-provider{border-bottom:1px solid #dbe4dc;padding-block:12px}.ops-record small{display:block;color:#557062}.ops-record strong,.ops-record small{overflow-wrap:anywhere}.ops-tabs{display:flex;gap:7px;overflow:auto}.ops-tabs button{white-space:nowrap;font-size:.85rem}.ops-tabs .ops-active{background:#164b3d;color:white}.ops-content,.ops-login{background:white;padding:18px;border:1px solid #d9e4da;border-radius:16px}.ops-provider summary{cursor:pointer}.ops-provider span{color:#5a6c5c;font-size:.87rem}.ops-content form{padding-block:12px}.ops-login{max-width:560px;margin:20px auto}.ops-login>.card{border:none;padding:0}@media(max-width:560px){.ops-head{gap:10px;padding:16px;flex-wrap:wrap}.ops-head h2{font-size:1.2rem}.ops-head button{padding:8px}.ops-metrics,.ops-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-modules button{padding:11px}.ops-tabs svg{width:16px}.ops-content{padding:12px}}
.registration-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:8px}.registration-counts>div{border:1px solid #cbded3;background:#eef5ee;border-radius:14px;padding:clamp(12px,3vw,22px)}.registration-counts>div+div{background:#edf4f6;border-color:#cbdde2}.registration-counts span,.registration-counts strong{display:block}.registration-counts strong{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.3}
.connector-card{margin-block:12px;padding:15px;border:1px solid #cadbd1;border-radius:12px;background:#fff}.connector-card>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.connector-card>summary span{font-size:.82rem;color:#436652}.connector-card form{margin-block:12px}.connector-card textarea{display:block;width:100%;min-height:5em}.connector-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow-y:auto}.connector-card input[type=password]{direction:ltr}

/* Wallet */
#view:has(.wt){max-width:760px;margin-inline:auto;background:none;border:0;padding:0}
.wt{display:grid;gap:16px}.wt>h2{font-size:clamp(24px,4vw,34px);letter-spacing:-.04em;margin:0}
.wt svg{width:23px;height:23px;flex:none}.wt-balance{position:relative;isolation:isolate;overflow:hidden;min-height:165px;background:linear-gradient(115deg,#225b4b,#113d35 68%);border-radius:19px;padding:24px 28px;color:white;box-shadow:0 6px 18px #0a302010}
.wt-mark{position:absolute;inset-inline-end:24px;top:18px;font:750 20px system-ui;letter-spacing:-1.5px;color:#fff}.wt-mark b{color:#c9f099}.wt-routes{position:absolute;z-index:-1;inset-inline-end:-36px;bottom:-105px;width:235px;height:210px;border:1px solid #b9e9b450;transform:rotate(-30deg);border-radius:55px;box-shadow:0 0 0 16px #ffffff04,0 0 0 17px #b9e9b42e,0 0 0 32px #ffffff03,0 0 0 33px #b9e9b42e}
.wt-balance-label{display:flex;align-items:center;gap:10px;font-weight:620;color:#e4f0e6}.wt-balance-label svg{color:#d2eda9}.wt-number{display:flex;align-items:baseline;gap:10px;line-height:1.15;margin-top:12px}.wt-number bdi{font:650 clamp(39px,8vw,55px)/1 system-ui;letter-spacing:-2px}.wt-number span{color:#d8e9d9}.wt-balance small{display:block;color:#cee1d1;margin-top:12px;font-size:12px}
.wt-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:9px}.wt-actions button{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #d9e4db;background:white;border-radius:14px;color:#224b40;padding:10px 5px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.wt-actions button[aria-pressed=true]{border-color:#76a58a;background:#eaf3e7}.wt-icon,.wt-small-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf3ed;color:#275646}.wt-actions button:first-child .wt-icon{background:#deefb9}.wt-actions button[aria-pressed=true] .wt-icon{background:#d4e8ce}
.wt-panel{background:#fff;border:1px solid #dbe5db;padding:clamp(15px,4vw,24px);border-radius:16px}.wt-panel h3{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 15px;padding-bottom:13px;border-bottom:1px solid #e8ede7}.wt-panel h3 svg{width:20px;height:20px}.wt-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 6px;color:#607369;font-size:14px}.wt-empty svg{color:#799780}.wt-panel button svg{vertical-align:middle;margin-inline-end:6px}
.wt-record{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:transparent;border:0;border-bottom:1px solid #e9eee9;padding:12px 0;color:#214b3d}.wt-record:last-child{border-bottom:0}.wt-record small{display:block;font-size:12px}.wt-record strong{margin-inline-start:auto;font-size:15px}.wt-panel form{margin-top:12px}.wt-panel p{margin:8px 0 14px}
.wt-actions button:focus-visible,.wt-panel button:focus-visible{outline:3px solid #326c4f;outline-offset:2px}
@media(max-width:440px){.wt{gap:12px}.wt-actions{gap:5px}.wt-actions button{font-size:12px}.wt-balance{padding:20px;min-height:148px}.wt-record{gap:8px}}
[dir=rtl] .wt-mark{right:auto;left:24px}.exp-card .welcome-head{align-items:flex-start}.exp-card h2{margin:0 0 8px;font-size:clamp(24px,3.5vw,36px);line-height:1.25}.exp-card .exp-value{display:block;color:#fff;font-size:clamp(30px,5vw,44px);line-height:1.25;overflow-wrap:anywhere}.exp-emblem{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#d9efb6;background:#ffffff12;border:1px solid #ffffff45}.exp-metrics{margin-bottom:0;padding-bottom:0;border-bottom:0;row-gap:16px}.exp-metrics dt{display:flex;align-items:center;gap:7px;font-size:14px}.exp-metrics dt svg{width:17px;height:17px;color:#d5efa7}.exp-metrics dd{font-size:clamp(16px,2.1vw,22px)}.exp-add{justify-self:start;min-height:44px;background:#244f40;color:white;border-radius:12px;padding-inline:22px}.exp-add span{font-size:20px;vertical-align:middle}.exp-form{padding:18px;background:white;border:1px solid #dbe5db;border-radius:14px}.exp-form button{justify-self:start}
@media(max-width:620px){.exp-add{width:100%}}

/* Available loads */
#view:has(.loads-head){max-width:820px;margin-inline:auto;padding:0;border:0;background:none}
.loads-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:clamp(20px,4vw,32px);border-radius:20px;background:#153f37;color:#fff}
.loads-head h2,.loads-toolbar h3{margin:0}.loads-head p{margin:4px 0 0;color:#dbe8df}.loads-symbol,.load-empty>svg{display:grid;place-items:center;border-radius:14px;background:#e9f2e8}.loads-symbol{width:54px;height:54px;background:#2b564b;color:#d7ecb4}
.loads-head svg,.loads-toolbar svg,.load-ticket svg,.load-empty svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.loads-symbol svg{width:31px;height:31px}.loads-head button,.loads-toolbar button,.load-bid summary,.load-top strong,.load-facts span{display:inline-flex;align-items:center;gap:8px}.loads-head button{background:#d7ecaf;padding:11px 16px}
.loads-toolbar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.loads-toolbar h3{font-size:19px}.loads-toolbar h3 b,.load-offers b{display:inline-grid;place-items:center;border-radius:20px;min-width:24px;height:24px;background:#e7efe4;font-size:13px}.loads-toolbar button{background:white;border:1px solid #d5e0d7;font-size:14px}
.load-ticket,#postLoad,.load-empty{background:white;border:1px solid #d9e3da;border-radius:16px;padding:clamp(16px,4vw,24px);margin:12px 0}.load-ticket{overflow-wrap:anywhere}.load-top,.load-offers{display:flex;align-items:center;gap:10px}.load-top{justify-content:space-between}.load-top>span,.load-stop small{color:#607268;font-size:13px}.load-top svg{color:#44745b}
.load-route{display:grid;margin:15px 0;padding:14px 16px;border-radius:12px;background:#f5f8f3}.load-stop{position:relative;display:grid;grid-template-columns:12px 1fr;gap:14px}.load-stop:first-child{padding-bottom:14px}.load-stop i{width:10px;height:10px;margin-top:8px;border:2px solid #4b805c;border-radius:50%;background:white}.load-stop:last-child i{border-radius:3px;background:#4b805c}.load-stop:first-child:before{content:"";position:absolute;inset-inline-start:4px;top:19px;bottom:-6px;border-inline-start:2px dotted #aec5ad}.load-stop small,.load-stop strong,.load-stop span{display:block}.load-stop strong{font-size:19px;line-height:1.35}.load-stop span{font-size:14px;color:#465d50}
.load-facts{display:flex;flex-wrap:wrap;gap:8px}.load-facts span{background:#f1f4ee;border-radius:8px;padding:5px 9px;font-size:13px}.load-facts svg{width:17px;height:17px}.load-offers{margin-top:16px;padding-top:12px;border-top:1px solid #e3e9e2}.load-bid{margin-top:12px}.load-bid summary{cursor:pointer;border-radius:10px;background:#224e40;color:white;padding:9px 15px;font-weight:650}.load-bid form{margin-top:15px}
#postLoad h3{grid-column:1/-1;margin:0}.load-empty{text-align:center;color:#597064;padding-block:26px}.load-empty>svg{box-sizing:content-box;padding:13px;margin:auto;color:#477158}.load-empty p{margin:8px 0}.load-ticket .row{flex-wrap:wrap}
@media(max-width:520px){.loads-head{grid-template-columns:auto 1fr;gap:10px}.loads-head button{grid-column:1/-1;justify-content:center}.loads-head h2{font-size:22px}.loads-head p{font-size:14px}.loads-head .loads-symbol{width:44px;height:44px}.load-ticket .row button{width:100%}}
.trip-post-action{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0;width:100%;min-height:46px}.trip-post-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
#view:has(.account-page){background:none;border:0;padding:0;max-width:820px;margin-inline:auto}.account-page{display:grid;gap:14px}.account-page h2,.account-page h3{margin:0}.ac-vehicle{display:grid;gap:16px;justify-items:center;background:linear-gradient(115deg,#143f36,#205749);color:white;border-radius:20px;padding:clamp(16px,4vw,28px)}.ac-vehicle-title,.ac-serial{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.ac-vehicle-title .plate-kind{font-size:14px;border-radius:22px;padding:3px 12px;background:#ffffff15}.ac-serial{border-top:1px solid #ffffff38;padding-top:12px;font-size:14px}.ac-serial bdi{font-weight:700;overflow-wrap:anywhere}
.account-plate{display:flex;width:min(100%,340px);aspect-ratio:3.05;border:3px solid #252c29;border-radius:10px;overflow:hidden;background:#fff;color:#131915;font:750 clamp(23px,6vw,36px)/1.15 system-ui,sans-serif;box-shadow:0 3px 10px #0002;font-variant-numeric:tabular-nums}.ap-grid{display:grid;flex:1;min-width:0;grid-template:repeat(2,minmax(0,1fr))/1fr 1.15fr}.ap-grid b,.ap-country{display:flex;align-items:center;justify-content:center}.ap-grid b:nth-child(-n+2){border-bottom:1.5px solid #252c29}.ap-grid b:nth-child(even){border-left:1.5px solid #252c29;white-space:nowrap}.ap-country{width:12%;flex-direction:column;border-left:1.5px solid #252c29;font:800 clamp(12px,2.7vw,16px)/1 system-ui;background:#dce0dd}.ap-2 .ap-country{background:#ffd447}.ap-3 .ap-country{background:#247ac3;color:white}.ac-preview{grid-column:1/-1;background:#edf3ed;padding:14px;border-radius:12px;display:grid;justify-items:center}
.ac-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ac-section{min-width:0;margin:0;padding:18px;background:white;border:1px solid #d9e3db;border-radius:15px}.ac-section h3{border-bottom:1px solid #e0e8df;padding-bottom:10px;margin-bottom:12px}.ac-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.ac-info dt{color:#5b6c61;font-size:13px}.ac-info dd{margin:2px 0;font-weight:650;overflow-wrap:anywhere}.ac-section form{grid-template-columns:minmax(0,1fr)}.ac-section input[type=file]{max-width:100%;font-size:13px}.account-page #reg{grid-template-columns:minmax(0,1fr)}.account-page #reg>.ac-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ac-section legend{font-weight:700}.account-page>small{font-size:13px}
@media(max-width:640px){.ac-columns{grid-template-columns:minmax(0,1fr)}.account-page #reg>.ac-section{grid-template-columns:minmax(0,1fr)}}
#view:has(.mytrips){max-width:820px;margin:auto;background:none;padding:0;border:0}.mt-header{padding:clamp(18px,3vw,28px);color:white;border-radius:20px;background:linear-gradient(115deg,#143f36,#205749)}.mt-header h2,.mt-tools h3{margin:0}.mt-header .welcome-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0;padding-bottom:0;border-bottom:0}.mytrips svg{height:20px;width:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.mt-symbol{display:grid;place-items:center;padding:10px;background:#ffffff12;border:1px solid #ffffff40;border-radius:11px;color:#d6eba5}.mt-header dt,.mt-id strong,.mt-tools button,.mt-info>div{display:flex;align-items:center;gap:8px}.mt-header dt{font-size:14px}.mt-tools,.mt-id{display:flex;align-items:center;justify-content:space-between;gap:10px}.mt-tools{margin:16px 0}.mt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mt-list .load-ticket,.mt-list .load-empty{margin:0}.mt-list .load-empty{grid-column:1/-1}.mt-state{font-size:13px;border-radius:20px;padding:3px 10px;background:#eef4e8}.mt-cancel{background:#f9eae6;color:#853f33}.mt-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mt-info span{font-size:12px;color:#50645a}.mt-info bdi{display:block;font-size:14px;color:#183d31;font-weight:650}.mt-list [data-trip]{width:100%;background:#eff5ed}
@media(max-width:670px){.mt-list{grid-template-columns:minmax(0,1fr)}.mt-header dt{gap:4px;font-size:12px}.mt-header dt svg{width:15px}}
#view:has(.bayan-desk){max-width:820px;margin:auto;background:none;border:0;padding:0}.bd-header{color:white;background:linear-gradient(115deg,#143f36,#205749);border-radius:22px;padding:clamp(16px,3vw,28px)}.bd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bd-metrics button{min-width:0;display:grid;justify-items:start;gap:4px;border:1px solid #ffffff40;color:#fff;background:#ffffff10;text-align:start;padding:clamp(8px,2vw,14px)}.bd-metrics button[aria-pressed=true]{background:#d5efa7;color:#173e36;border-color:#d5efa7}.bd-metrics b{font-size:26px}.bd-metrics span{font-size:14px}.bayan-desk svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.bd-tools{display:flex;align-items:center;justify-content:space-between}.bd-tools button{display:inline-flex;align-items:center;gap:6px;background:#eff4eb}.bd-tools button[aria-pressed=true]{background:#d5efa7}.bd-list{display:grid;gap:10px}.bd-list article>p{color:#607367;font-size:14px}.bayan-desk [data-message]:empty{display:none}@media(max-width:430px){.bd-metrics span{font-size:12px}.bayan-desk .mt-tools button{font-size:14px}}
#view:has(.help-page){max-width:820px;padding:0;margin:auto;background:none;border:0}.help-hero{padding:clamp(18px,3vw,28px);border-radius:22px;background:linear-gradient(115deg,#143f36,#205749);color:white}.help-hero h2{margin:0}.help-hero .welcome-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0;border-bottom:0}.help-page svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.65}.help-hero .welcome-head>svg{width:42px;height:42px;padding:7px;border-radius:10px;background:#ffffff15;color:#daefbb}.help-form,.help-contacts,.support-row{padding:18px;border:1px solid #d9e3db;border-radius:15px;background:white}.help-form{grid-template-columns:1fr}.help-form textarea{width:100%;resize:vertical;font:inherit;border:1px solid #bfccc3;border-radius:9px;padding:10px}.support-row{margin:8px 0}.support-row p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-row small{display:block}.help-empty{padding:18px;text-align:center;color:#52695a}.help-contacts{margin-top:16px}.help-contacts h3{margin:0 0 12px}.help-contacts [data-channels]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help-contacts a,.help-disabled{display:flex;align-items:center;gap:9px;color:#24553d;background:#eff5ed;padding:12px;border-radius:10px;text-decoration:none}.help-contacts small{display:block;overflow-wrap:anywhere}.help-disabled{background:#f4f4f1;color:#666}.help-contacts a:hover{text-decoration:underline}#helpSettings h3{grid-column:1/-1}@media(max-width:480px){.help-contacts [data-channels]{grid-template-columns:1fr}}

.ac-change summary{cursor:pointer;font-weight:700;color:#234d3c}.ac-change summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle;margin-inline-end:8px}.ac-change form{margin-top:14px}.ac-change textarea{width:100%;resize:vertical;border:1px solid #c3cfc6;border-radius:8px;padding:10px;font:inherit}.ac-change+p:empty{display:none}
#helpSettings [data-fields]{grid-column:1/-1;min-width:0;display:grid;gap:12px;padding:14px;border:1px solid #dae4dc;border-radius:12px}#helpSettings input[type=checkbox]{width:auto}.help-contacts .channel-whatsapp svg{color:#16843d}.help-contacts .channel-email svg{color:#255470}.help-contacts [data-channels]{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
#view:has(.rep-hero){max-width:860px;margin:auto;background:none;padding:0;border:0}.rep-hero{color:white;background:linear-gradient(115deg,#143f36,#205749);padding:clamp(16px,3vw,28px);border-radius:22px}.rep-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rep-metrics button{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:6px 8px;text-align:start;background:#ffffff12;color:white;border:1px solid #ffffff40;padding:12px}.rep-metrics button[aria-pressed=true]{color:#173e36;background:#d5efa7}.rep-metrics strong{grid-column:1/-1;font-size:25px;line-height:1.15}.rep-metrics svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.rep-hero~.report-filter,.rep-hero~#reportBody{padding:16px;border:1px solid #d9e3db;border-radius:15px;background:white;margin-block:14px}.rep-hero~.report-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.rep-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-metrics button{font-size:13px}.rep-hero~.report-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-hero~.report-filter label:first-child{grid-column:1/-1}.rep-hero~.report-filter input{min-width:0}}
@media print{.rep-hero{display:none}.rep-hero~#reportBody{padding:0;border:0}}

.review-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.review-table{overflow-x:auto}.review-table table{border-collapse:collapse;width:100%;text-align:start}.review-table th,.review-table td{text-align:start;padding:10px 7px;border-bottom:1px solid #e0e8df}.review-chip{white-space:nowrap;padding:4px 8px;border-radius:8px;background:#edf2ee}.review-chip.approved{background:#dceecb}.review-chip.pending{background:#fff1c4}.review-chip.requested{background:#fae4df}.review-files{display:grid;gap:8px}.review-files img{max-width:100%;max-height:420px;object-fit:contain}.review-table button{white-space:nowrap}#driverRegister textarea,#driverReviewMessage textarea{width:100%;font:inherit}
#walletDirectory .bd-header{margin-bottom:14px}#walletDirectory .ops-numbers .card{background:#ffffff15;border-color:#ffffff38;color:white}#walletDirectory .ops-numbers label{color:#e1ecdf}#walletDirectory .review-table{margin-bottom:16px}#walletMatch details{margin:8px 0;padding:8px;border:1px solid #dee7df;border-radius:9px}#walletMatch small{overflow-wrap:anywhere}
.offer-confirm{width:min(90vw,25rem);box-sizing:border-box;padding:24px;border:1px solid #dbe5db;border-radius:16px;color:#173e34;background:white;text-align:start;box-shadow:0 12px 42px #102b3426}
.offer-confirm::backdrop{background:#102b3490}
.offer-confirm h3{white-space:pre-line;margin:0 0 20px;font-size:1.2rem;line-height:1.65}
.offer-confirm div{display:flex;gap:10px}.offer-confirm button{flex:1;min-height:44px}.offer-confirm [data-cancel]{background:#edf2ef;color:#254a40}

@media screen{[data-theme=dark] body{background:#1c302a;color:#e5f1e8}
[data-theme=dark] header span{color:#c5d9ce}
[data-theme=dark] header i{color:#c4ded2}
[data-theme=dark] small,[data-theme=dark] label,[data-theme=dark] footer{color:#c5d9ce}
[data-theme=dark] button{background:#1c302a;color:#e5f1e8}
[data-theme=dark] nav button{background:#1c302a}
[data-theme=dark] article,[data-theme=dark] .card{background:#1c302a;border:1px solid #1c302a}
[data-theme=dark] input,[data-theme=dark] select{border:1px solid #355343;background:#1c302a}
[data-theme=dark] .row{border-bottom:1px solid #1c302a}
[data-theme=dark] .note{background:#1c302a}
[data-theme=dark] body,[data-theme=dark] article{background:#1c302a}
[data-theme=dark] #gate p{color:#c5d9ce}
[data-theme=dark] .choices button{background:#1c302a;color:#e5f1e8;border:1px solid #355343}
[data-theme=dark] .choices button:hover,[data-theme=dark] .choices button:focus-visible{background:#1c302a}
[data-theme=dark] #langButton{background:#1c302a;border:1px solid #355343}
[data-theme=dark] #driverWelcome,[data-theme=dark] .exp-card{background:linear-gradient(125deg,#1d453a,#152d29)}
[data-theme=dark] .driver-actions button{background:#1c302a;color:#e5f1e8;border:1px solid #355343}
[data-theme=dark] .driver-actions button:first-child{background:#1c302a}
[data-theme=dark] .driver-actions button:hover{border-color:#c5d9ce}
[data-theme=dark] .report-scroll td,[data-theme=dark] .report-scroll th{border-bottom:1px solid #1c302a}
[data-theme=dark] .report-scroll th{background:#1c302a}
[data-theme=dark] .vehicle-summary{color:#c4ded2}
[data-theme=dark] .bayan-form fieldset{border:1px solid #355343}
[data-theme=dark] .bayan-form legend{color:#c5d9ce}
[data-theme=dark] .trip-summary{background:#1c302a}
[data-theme=dark] .trip-section{border-bottom:1px solid #1c302a}
[data-theme=dark] .trip-section h3{color:#e5f1e8}
[data-theme=dark] .trip-pair>div{background:#1c302a}
[data-theme=dark] .bayan-form [data-add],[data-theme=dark] .bayan-form [data-remove]{background:#1c302a}
[data-theme=dark] .bayan-form button[type=submit]{background:#c5d9ce;color:#173a30}
[data-theme=dark] .portal-card{border:1px solid #355343;background:#1c302a}
[data-theme=dark] .portal-route{color:#c4ded2}
[data-theme=dark] .portal-logo span,[data-theme=dark] .portal-logo svg{color:#c4ded2}
[data-theme=dark] .portal-choice{background:#1c302a;color:#e5f1e8;border:1px solid #355343}
[data-theme=dark] .portal-choice:hover{border-color:#769183;background:#1c302a}
[data-theme=dark] .portal-icon{background:#1c302a;color:#c5d9ce}
[data-theme=dark] .portal-client .portal-icon{background:#1c302a;color:#c5d9ce}
[data-theme=dark] .portal-copy small{color:#c5d9ce}
[data-theme=dark] .portal-staff .portal-icon{background:#1c302a}
[data-theme=dark] .client-shortcuts button{background:#1c302a;border:1px solid #355343}
[data-theme=dark] .client-shortcuts button[aria-pressed=true]{border-color:#769183;background:#1c302a}
[data-theme=dark] .client-list-head button,[data-theme=dark] .client-signout{color:#c5d9ce}
[data-theme=dark] .market-empty{border:1px dashed #355343;color:#c5d9ce}
[data-theme=dark] #view:has(.client-dashboard) #postLoad{background:#1c302a;border:1px solid #355343}
[data-theme=dark] .ops-head .portal-logo span{color:#c4ded2}
[data-theme=dark] .ops-head small{color:#c4ded2}
[data-theme=dark] .ops-scope{color:#c5d9ce}
[data-theme=dark] .ops-metrics button,[data-theme=dark] .ops-modules button,[data-theme=dark] .ops-tabs button{background:#1c302a;border:1px solid #355343}
[data-theme=dark] .ops-metrics svg,[data-theme=dark] .ops-modules svg{color:#c5d9ce}
[data-theme=dark] .ops-record,[data-theme=dark] .ops-provider{border-bottom:1px solid #1c302a}
[data-theme=dark] .ops-record small{color:#c5d9ce}
[data-theme=dark] .ops-content,[data-theme=dark] .ops-login{background:#1c302a;border:1px solid #1c302a}
[data-theme=dark] .ops-provider span{color:#c5d9ce}
[data-theme=dark] .registration-counts>div{border:1px solid #355343;background:#1c302a}
[data-theme=dark] .registration-counts>div+div{background:#1c302a;border-color:#355343}
[data-theme=dark] .connector-card{border:1px solid #355343;background:#1c302a}
[data-theme=dark] .connector-card>summary span{color:#c5d9ce}
[data-theme=dark] .wt-balance{background:linear-gradient(125deg,#1d453a,#152d29)}
[data-theme=dark] .wt-mark b{color:#c4ded2}
[data-theme=dark] .wt-balance-label{color:#c4ded2}
[data-theme=dark] .wt-balance-label svg{color:#c4ded2}
[data-theme=dark] .wt-number span{color:#c4ded2}
[data-theme=dark] .wt-balance small{color:#c4ded2}
[data-theme=dark] .wt-actions button{border:1px solid #1c302a;background:#1c302a;color:#c5d9ce}
[data-theme=dark] .wt-actions button[aria-pressed=true]{border-color:#769183;background:#1c302a}
[data-theme=dark] .wt-icon,[data-theme=dark] .wt-small-icon{background:#1c302a;color:#c5d9ce}
[data-theme=dark] .wt-actions button:first-child .wt-icon{background:#1c302a}
[data-theme=dark] .wt-actions button[aria-pressed=true] .wt-icon{background:#1c302a}
[data-theme=dark] .wt-panel{background:#1c302a;border:1px solid #1c302a}
[data-theme=dark] .wt-panel h3{border-bottom:1px solid #1c302a}
[data-theme=dark] .wt-empty{color:#c5d9ce}
[data-theme=dark] .wt-empty svg{color:#c4ded2}
[data-theme=dark] .wt-record{border-bottom:1px solid #1c302a;color:#c5d9ce}
[data-theme=dark] .exp-emblem{color:#c4ded2}
[data-theme=dark] .exp-metrics dt svg{color:#c4ded2}
[data-theme=dark] .exp-add{background:#c5d9ce;color:#173a30}
[data-theme=dark] .exp-form{background:#1c302a;border:1px solid #1c302a}
[data-theme=dark] .loads-head p{color:#c4ded2}
[data-theme=dark] .loads-symbol,[data-theme=dark] .load-empty>svg{background:#1c302a}
[data-theme=dark] .loads-symbol{background:#c5d9ce;color:#173a30}
[data-theme=dark] .loads-head button{background:#1c302a}
[data-theme=dark] .loads-toolbar h3 b,[data-theme=dark] .load-offers b{background:#1c302a}
[data-theme=dark] .loads-toolbar button{background:#1c302a;border:1px solid #355343}
[data-theme=dark] .load-ticket,[data-theme=dark] #postLoad,[data-theme=dark] .load-empty{background:#1c302a;border:1px solid #1c302a}
[data-theme=dark] .load-top>span,[data-theme=dark] .load-stop small{color:#c5d9ce}
[data-theme=dark] .load-top svg{color:#c5d9ce}
[data-theme=dark] .load-route{background:#1c302a}
[data-theme=dark] .load-stop i{border:2px solid #c5d9ce;background:#1c302a}
[data-theme=dark] .load-stop:last-child i{background:#c5d9ce;color:#173a30}
[data-theme=dark] .load-stop span{color:#c5d9ce}
[data-theme=dark] .load-facts span{background:#1c302a}
[data-theme=dark] .load-bid summary{background:#c5d9ce;color:#173a30}
[data-theme=dark] .load-empty{color:#c5d9ce}
[data-theme=dark] .load-empty>svg{color:#c5d9ce}
[data-theme=dark] .ac-vehicle{background:linear-gradient(125deg,#1d453a,#152d29)}




[data-theme=dark] .ac-preview{background:#1c302a}
[data-theme=dark] .ac-section{background:#1c302a;border:1px solid #1c302a}
[data-theme=dark] .ac-section h3{border-bottom:1px solid #1c302a}
[data-theme=dark] .ac-info dt{color:#c5d9ce}
[data-theme=dark] .mt-header{background:linear-gradient(125deg,#1d453a,#152d29)}
[data-theme=dark] .mt-symbol{color:#c4ded2}
[data-theme=dark] .mt-state{background:#1c302a}
[data-theme=dark] .mt-cancel{background:#1c302a;color:#c5d9ce}
[data-theme=dark] .mt-info span{color:#c5d9ce}
[data-theme=dark] .mt-info bdi{color:#e5f1e8}
[data-theme=dark] .mt-list [data-trip]{background:#1c302a}
[data-theme=dark] .bd-metrics button[aria-pressed=true]{background:#1c302a;color:#e5f1e8;border-color:#1c302a}
[data-theme=dark] .bd-tools button{background:#1c302a}
[data-theme=dark] .bd-tools button[aria-pressed=true]{background:#1c302a}
[data-theme=dark] .bd-list article>p{color:#c5d9ce}
[data-theme=dark] .help-form,[data-theme=dark] .help-contacts,[data-theme=dark] .support-row{border:1px solid #1c302a;background:#1c302a}
[data-theme=dark] .help-form textarea{border:1px solid #355343}
[data-theme=dark] .help-empty{color:#c5d9ce}
[data-theme=dark] .help-contacts a,[data-theme=dark] .help-disabled{color:#c5d9ce;background:#1c302a}
[data-theme=dark] .help-disabled{background:#1c302a;color:#c5d9ce}
[data-theme=dark] .ac-change summary{color:#c5d9ce}
[data-theme=dark] .ac-change textarea{border:1px solid #355343}
[data-theme=dark] #helpSettings [data-fields]{border:1px solid #1c302a}
[data-theme=dark] .help-contacts .channel-whatsapp svg{color:#c5d9ce}
[data-theme=dark] .help-contacts .channel-email svg{color:#c5d9ce}
[data-theme=dark] .review-table th,[data-theme=dark] .review-table td{border-bottom:1px solid #1c302a}
[data-theme=dark] .review-chip{background:#1c302a}
[data-theme=dark] .review-chip.approved{background:#1c302a}
[data-theme=dark] .review-chip.pending{background:#1c302a}
[data-theme=dark] .review-chip.requested{background:#1c302a}
[data-theme=dark] #walletDirectory .ops-numbers label{color:#c4ded2}
[data-theme=dark] #walletMatch details{border:1px solid #1c302a}
[data-theme=dark] .offer-confirm{border:1px solid #1c302a;color:#e5f1e8;background:#1c302a}
[data-theme=dark] .offer-confirm [data-cancel]{background:#1c302a;color:#c5d9ce}}

@media screen{
:root{--canvas:#f3f6f4;--surface:#fff;--ink:#163630;--muted:#4d6861;--line:#cdded6;--field:#fbfdfb;--mint:#e1f3dd;--primary:#176347}
body{background:var(--canvas);color:var(--ink);font-family:system-ui,"Segoe UI",sans-serif}
header{gap:10px;border-bottom:1px solid var(--line)}header b{margin-right:auto} header small{margin-right:auto}
header button,#langButton{background:var(--surface);color:var(--ink);border:1px solid var(--line);min-height:44px}#appearance{display:grid;place-items:center;padding:10px}#appearance svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
article,.card,.offer-confirm,#gate{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:20px}#gate{border:1px solid var(--line)}
#view:not(.actions-view){padding:clamp(14px,3vw,32px);box-shadow:0 8px 32px #0f302207}button{transition:background-color .15s,border-color .15s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #529e79;outline-offset:3px}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--line);background:var(--field);color:var(--ink);min-height:46px;padding:9px 12px;border-radius:10px;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #34906a;outline-offset:1px}
.trip-section{margin-block:15px;padding:clamp(14px,2vw,24px);border:1px solid var(--line);border-radius:16px;background:var(--surface)}.trip-section h3{color:var(--ink);font-size:1.06rem;margin-bottom:18px}.trip-section h3 svg,.driver-actions svg{box-sizing:content-box;background:var(--mint);color:var(--primary);border-radius:12px;padding:9px;width:21px;height:21px}
.trip-pair>div,.trip-summary{background:var(--field);color:var(--ink);border:1px solid var(--line)}.trip-section label{color:var(--muted);font-size:.93rem;font-weight:600}.bayan-form fieldset{min-width:0}.bayan-form .waybill{padding:0;border:0}.trip-grid,.trip-pair{gap:16px}
.driver-actions button{display:flex;align-items:center;gap:10px;text-align:start;padding:14px;border-radius:15px;background:var(--surface);color:var(--ink);border-color:var(--line)}.driver-actions{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.driver-actions svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.driver-actions button:first-child{background:var(--primary);color:white}
:root[data-theme=dark]{color-scheme:dark;--canvas:#0c1917;--surface:#142622;--ink:#edf6f0;--muted:#b3c9bf;--line:#38514a;--field:#10201d;--mint:#284939;--primary:#318560}
[data-theme=dark] .driver-actions svg,[data-theme=dark] .trip-section h3 svg{color:#bcf4cb}
.bayan-form [aria-invalid=true]{border:2px solid #d65452!important}
@media(max-width:640px){.driver-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-actions button{align-items:flex-start;flex-direction:column}.trip-pair,.trip-grid{grid-template-columns:minmax(0,1fr)}header{padding:10px}.trip-section{margin:10px 0}}
}

@media screen{
#gate{margin:clamp(26px,7vh,80px) auto;padding:clamp(20px,5vw,46px);box-shadow:0 14px 45px #113d2910}
#gate .langmark{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:19px;background:var(--mint);color:var(--ink)}
.langmark svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5}
.choices button,.portal-choice{border-radius:14px}.choices button{background:var(--field);color:var(--ink);border:1px solid var(--line)}
.choices button:hover{background:var(--mint)}#gate p{color:var(--muted)}@media(max-width:700px){#gate{margin-inline:12px}}
[data-theme=dark] .portal-choice{background:var(--surface);color:var(--ink)}
}
#keyboardDone{position:fixed;z-index:10000;inset-inline-end:max(14px,env(safe-area-inset-right));min-width:68px;min-height:42px;background:#155540;color:white;border:1px solid #89af9d;border-radius:12px;box-shadow:0 3px 12px #142b2440}
@media print{#keyboardDone{display:none!important}}
@media screen{
:root[data-theme=dark] :is(#driverWelcome,.exp-card,.wt-balance,.ac-vehicle,.mt-header,.bd-header,.help-hero,.rep-hero,.client-welcome){
 background:radial-gradient(ellipse at 0 0,#234b43 0,transparent 54%),linear-gradient(125deg,#172e2b,#102321);
 border:1px solid #41665c;box-shadow:inset 0 2px #87c6aa33,0 5px 18px #0002;color:#f5faf7}
:root[data-theme=dark] :is(#driverWelcome,.exp-card,.wt-balance,.mt-header,.bd-header,.help-hero,.rep-hero,.client-welcome) :is(h1,h2,h3,svg){color:#edf7f0}
:root[data-theme=dark] :is(#driverWelcome,.exp-card,.wt-balance,.mt-header,.bd-header,.help-hero,.rep-hero,.client-welcome) :is(dt,small,label){color:#c9ded4}
:root[data-theme=dark] :is(#driverWelcome,.exp-card,.wt-balance,.mt-header,.bd-header,.rep-hero,.client-welcome) :is(dd,bdi,strong,.exp-value){color:#dbf3be;font-variant-numeric:tabular-nums}
:root[data-theme=dark] .exp-add{background:#bde5c7;color:#123a2b}
:root[data-theme=dark] .card{border-color:#3d594e;box-shadow:inset 0 1px #a9d2ba22}
.account-exit form{display:grid;grid-template-columns:1fr;gap:10px}.account-exit h3{margin:0 0 8px}.account-exit button[value=cancel]{background:transparent;color:inherit}
}
@media screen{
:root{--tile-edge:#c6d6ce;--tile-shadow:0 4px 16px #18392e09;--route-line:#ffffff16}
:root[data-theme=dark]{--tile-edge:#476052;--tile-shadow:0 4px 16px #020c0926;--line:#607e70}
:is(.card,.connector-card,.wt-panel,.trip-section,.ac-section,.support-row,.load-ticket,.ops-content,.help-form,.help-contacts,.exp-form,.driver-actions button,.ops-modules button,.portal-choice){
 border:1px solid var(--tile-edge);border-radius:16px;box-shadow:var(--tile-shadow)}
:is(#driverWelcome,.exp-card,.wt-balance,.ac-vehicle,.mt-header,.bd-header,.help-hero,.rep-hero,.client-welcome,.ops-head,.loads-head){
 position:relative;isolation:isolate;overflow:hidden}
:is(#driverWelcome,.exp-card,.wt-balance,.ac-vehicle,.mt-header,.bd-header,.help-hero,.rep-hero,.client-welcome,.ops-head,.loads-head)::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;width:170px;height:170px;inset-inline-end:-90px;top:-75px;transform:rotate(-35deg);border:1px solid var(--route-line);border-radius:38px;box-shadow:0 0 0 12px var(--route-line),0 0 0 25px var(--route-line)}
@media(prefers-reduced-motion:no-preference){
 :is(#driverWelcome,.exp-card,.wt-balance,.ac-vehicle,.mt-header,.bd-header,.help-hero,.rep-hero,.client-welcome,.ops-head,.loads-head)::after{animation:easyt-route-in 1.2s ease-out both}
 @keyframes easyt-route-in{from{transform:translateY(-15px) rotate(-45deg);opacity:0}to{transform:rotate(-35deg);opacity:1}}
}
:root[data-theme=dark] :is(.portal-logo,.ops-head .portal-logo) :is(span,svg){color:#bce7bd}
:root[data-theme=dark] :is(.review-chip.approved,.review-chip.pending,.review-chip.requested){background:#243d34;color:#eaf3ec;border:1px solid #678273}
:root[data-theme=dark] .review-chip.pending{background:#463a20;color:#ffe9ae}
:root[data-theme=dark] .review-chip.requested{background:#482e2c;color:#ffdbd3}
:root[data-theme=dark] .bayan-form button[type=submit]{background:#b9e4c9;color:#143a2d}
:root[data-theme=dark] .bayan-form [aria-invalid=true]{background:#3c2526;color:#fff0eb}
:root[data-theme=dark] :is(.wt-balance-label,.wt-number span,.wt-balance small,.vehicle-summary,.loads-head p,.mt-symbol){color:#d1e8db}
:root[data-theme=dark] .driver-actions button:first-child{background:#256347;color:#fff}
:root[data-theme=dark] :is(input,textarea)::placeholder{color:#a7bdb3;opacity:1}
}
@media screen{
body:has(.access-card){background:radial-gradient(ellipse at 50% 5%,#e2eee6,transparent 66%),#f5f7f4}
[data-theme=dark] body:has(.access-card){background:radial-gradient(ellipse at 50% 5%,#21382e,transparent 66%),#0d1916}
body:has(.access-card) #nav{display:none}
#view:has(.access-card){max-width:460px;margin:clamp(10px,4vh,44px) auto 0;padding:0;border:0;background:transparent;box-shadow:none}
.access-card{overflow:hidden;border-radius:24px;background:var(--surface);border:1px solid var(--tile-edge);box-shadow:0 14px 40px #16352912}
.access-head{position:relative;isolation:isolate;overflow:hidden;min-height:146px;padding:17px 23px;background:linear-gradient(115deg,#255747,#112f2a);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px}
.access-head h2{color:#fff;font-size:clamp(23px,4.8vw,29px);line-height:1.4;margin:0;max-width:58%}
.access-art{position:absolute;z-index:-1;width:48%;max-width:204px;inset-inline-end:-4px;bottom:8px}
.access-head .access-back{display:flex;align-items:center;gap:6px;min-height:36px;padding:3px 12px;background:#183b32;color:#edf7ed;border:1px solid #7a9f88;border-radius:24px;font-size:13px}
.access-back span{font:24px/1 system-ui}[dir=rtl] .access-back span{transform:scaleX(-1)}
.access-body{padding:clamp(19px,5vw,28px)}.access-body form{grid-template-columns:minmax(0,1fr);gap:15px}
.access-body label{font-size:14px;font-weight:650;color:var(--ink)}.access-body input{display:block;margin-block-start:5px;min-height:48px;font-size:16px}
.access-body form button{background:#205c43;color:#fff;border-radius:12px;min-height:48px;margin-top:4px}
[data-theme=dark] .access-body form button{background:#b9dfb9;color:#153426}
@media(prefers-reduced-motion:no-preference){.access-art{animation:access-arrive .8s ease-out both}@keyframes access-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
}
@media screen{
.ops-shell:has(#driverRegister) .ops-tabs{display:none}
.ops-content:has(#driverRegister){min-width:0}
#driverRegister{margin-block-start:20px}
.register-search{display:grid;gap:10px}.register-filter summary{width:fit-content;cursor:pointer;color:var(--ink);font-weight:650;padding:5px 0}
.register-filter .review-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0}
.dossier{box-sizing:border-box;color:var(--ink);background:var(--surface);border:1px solid var(--tile-edge);border-radius:20px;padding:0;width:min(92vw,36rem);max-height:85dvh;overflow:auto}
.dossier::backdrop{background:#0b211bc2}.dossier .ac-section{margin:0;border:none;padding:20px}.dossier .mt-tools{position:sticky;top:0;background:var(--surface);padding-block:8px;z-index:1}
.dossier [role=alert]:empty{display:none}
@media(max-width:700px){
#view:has(#driverRegister),.ops-content:has(#driverRegister){padding:10px;width:100%;min-width:0}
#driverRegister .review-table{overflow:visible}
#driverRegister table,#driverRegister tbody{display:block}
#driverRegister thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
#driverRegister tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:14px 0;border-top:1px solid var(--tile-edge)}
#driverRegister tbody td{border:0;padding:0;min-width:0}
#driverRegister td:first-child{grid-area:1/1;font-weight:750;overflow-wrap:anywhere}
#driverRegister td:nth-child(2){grid-area:2/1;color:var(--muted);font-variant-numeric:tabular-nums}
#driverRegister td:nth-child(3){grid-area:1/2;color:var(--muted)}
#driverRegister td:nth-child(4){grid-area:3/1}.review-chip{white-space:normal;display:inline-block}
#driverRegister td:last-child{grid-area:2/2/4/3}
.dossier{margin:auto 0 0;width:100%;max-width:none;max-height:92dvh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}
}
}


.access-head.entry-banner{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:16px;min-height:146px;padding:22px clamp(18px,5vw,34px);background:#133f36}
.entry-banner .portal-logo{color:white;font-size:clamp(38px,8vw,54px)}
.entry-banner .portal-logo :is(span,svg){color:#bee5be}
.entry-banner h2{max-width:56%;font-size:clamp(20px,4.8vw,27px);text-wrap:balance}
.entry-road{position:absolute;inset-block:0;inset-inline-end:0;width:43%;height:100%;color:#9bbfaf;opacity:.36;z-index:-1}
.entry-banner .access-emblem{position:absolute;inset-inline-end:3%;bottom:12px;width:34%;max-width:142px}
.access-body .entry-return{display:block;margin:12px auto 0;padding:6px 18px;background:transparent;color:var(--ink);border:0;font-size:14px}

/* Keep Latin interface text native and use the bundled face for Arabic-script glyphs. */
html:is([lang=ar],[lang=ur]) body{font-family:"EasyT Arabic",system-ui,sans-serif;line-height:1.75}
html[lang=ur] body{line-height:1.85}
button,input,select,textarea{font-family:inherit}
.access-body label{font-size:15px}
.access-body input,.access-body select,textarea{font-size:1rem}
.wt-actions button,.wt-record small,.wt-balance small,.mt-header dt,.mt-info span,.bd-metrics span{font-size:.875rem;line-height:1.55}
.registration-policy details{margin-block:.55rem}.registration-policy summary{cursor:pointer;font-weight:600}.registration-policy p{line-height:1.85}
#nav .home-return{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.55rem 1rem;background:#17483e;color:white;border:1px solid #417065;border-radius:12px;font-weight:700}
#nav .home-return svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
[data-theme=dark] #nav .home-return{background:#cde8d4;color:#12372d}
.ticket-heading,.ticket-state,.support-row form>div{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.ticket-heading{justify-content:space-between}.ticket-state{font-weight:700}.ticket-state i{border-radius:50%;width:.65rem;height:.65rem;background:#3485bc}.ticket-state.working i{background:#cf8917}.ticket-state.answered i{background:#9263b6}.ticket-state.done i{background:#31946e}.ticket-note{border-inline-start:3px solid #76a78a;padding-inline-start:.75rem}.ticket-note p{white-space:pre-wrap;overflow-wrap:anywhere}

/* The dashboard uses the available viewport height without scaling text or touch targets. */
@media screen {
 body:has(.actions-view)>header{padding-block:6px;gap:6px}
 main:has(.actions-view){--home-gap:clamp(5px,1svh,12px);display:grid;gap:var(--home-gap);padding-block:var(--home-gap) max(var(--home-gap),env(safe-area-inset-bottom))}
 main:has(.actions-view) #nav:empty{display:none}
 main:has(.actions-view)>footer{margin:0;font-size:.75rem;line-height:1.3}
 #driverWelcome{padding:clamp(10px,1.8svh,22px) clamp(12px,2.5vw,24px)}
 #driverWelcome .welcome-head h1{font-size:clamp(1.12rem,2.7svh,1.65rem);margin:0}
 #driverWelcome .vehicle-summary{margin:4px 0 0;gap:8px;font-size:.85rem}
 #driverWelcome .account-plate{width:110px;max-width:100%;aspect-ratio:2.85;border-width:2px;border-radius:5px;font-size:.82rem;line-height:1}
 #driverWelcome .ap-country{font-size:.57rem}
 #driverWelcome .welcome-metrics{margin:var(--home-gap) 0;padding:var(--home-gap) 0;gap:4px 10px}
 #driverWelcome .welcome-metrics dt{font-size:.8rem;line-height:1.3}
 #driverWelcome .welcome-metrics dd{font-size:clamp(.94rem,2.6svh,1.38rem);line-height:1.25;margin:2px 0 0}
 #driverWelcome .welcome-wallet{min-height:44px;padding:3px 10px}
 #view.actions-view{padding:0;margin:0;border:0}
 .driver-actions{gap:var(--home-gap);grid-template-columns:repeat(5,minmax(0,1fr))}
 .driver-actions button{min-width:0;min-height:clamp(44px,8svh,78px);padding:6px 8px;gap:7px;align-items:center;flex-direction:row;font-size:.92rem;line-height:1.25;overflow-wrap:anywhere}
 .driver-actions svg{width:18px;height:18px;padding:5px;border-radius:8px}
}
@media screen and (max-width:760px){
 .driver-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-height:700px){
 .driver-actions button{min-height:44px}
 #driverWelcome .welcome-metrics{padding:4px 0;margin:5px 0}
}
@media screen and (orientation:landscape) and (max-height:520px) and (min-width:540px){
 main:has(.actions-view){grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);align-items:start}
 main:has(.actions-view)>footer{grid-column:1/-1}
 .driver-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 #driverWelcome .welcome-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}