@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#f4efdf;--muted:#a49d90;--green:#d6b46b;--deep:#d0ac60;--line:#302b22;--bg:#0c0d0f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tajawal,Tahoma,Arial,sans-serif;font-size:15px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ddbd78;outline-offset:3px}a{color:inherit;text-decoration:none}svg.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{width:238px;position:fixed;right:0;top:0;height:100dvh;background:#17181b;border-left:1px solid var(--line);padding:35px 24px 20px;display:flex;flex-direction:column;z-index:12}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:900;letter-spacing:-1px}.brand-icon{background:var(--green);width:49px;height:49px;border-radius:17px;display:grid;place-items:center;font-size:29px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:5px}.side-caption{margin:55px 15px 16px;font-size:11px;color:#a79c88}nav{display:grid;gap:8px}.nav-btn{display:flex;align-items:center;gap:13px;border:0;background:none;text-align:right;border-radius:12px;padding:14px;width:100%;font-weight:600;color:#a79c88}.nav-btn.active{background:#282217;color:#e6c985}.nav-btn:hover{background:#202022}.side-bottom{margin-top:auto}.local-badge{font-size:11px;padding:13px 4px;color:#a79c88;display:flex;align-items:center;gap:7px}.local-badge i,.demo-pill i,.live-dot{width:7px;height:7px;background:#a79c88;border-radius:100%;display:inline-block}.install-link{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#17181b;border-radius:10px;padding:12px 9px;width:100%;font-size:12px}.install-link>span:last-child{margin-right:auto}.user{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.avatar{height:40px;width:40px;background:#2b251a;color:#d9bb7b;display:grid;place-items:center;border-radius:50%;font-weight:800}.user strong{font-size:13px}.user small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.user-dots{margin-right:auto;color:#a79c88}.workspace{margin-right:238px}.topbar{height:80px;padding:0 38px;background:#101113ed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#a79c88}.breadcrumb span{padding:0 14px;color:#b8af9f}.breadcrumb b{color:#d6b878;font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.demo-pill{background:#221e16;padding:7px 10px;font-size:11px;color:#a79c88;border:1px solid #413723;border-radius:7px;display:flex;align-items:center;gap:7px}.demo-pill i{width:5px;height:5px}.icon-btn{width:35px;height:35px;border:1px solid var(--line);background:#17181b;border-radius:50%;display:grid;place-items:center;color:#a79c88}.mobile-brand{display:none}main{max-width:1510px;margin:auto;padding:34px 38px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.eyebrow{font-size:11px;color:#a79c88;margin-bottom:9px}h1{font-size:30px;margin:0 0 8px;letter-spacing:-1px;font-weight:800}h1 span{font-size:28px;display:inline-block;margin-right:6px}p{line-height:1.8}.page-heading p{color:var(--muted);font-size:13px;margin:0}.role-switch{display:flex;padding:5px;border:1px solid var(--line);background:#17181b;border-radius:12px;gap:3px;flex-shrink:0}.role-switch button{border:0;background:none;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:600;color:#a79c88}.role-switch button.active{background:var(--deep);color:#17181b}.booking-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:22px;align-items:start}.panel{background:#17181b;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 8px #00000018}.booking-panel{padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-title h2{font-size:17px;margin:0;font-weight:800}.tag{color:#a79c88;font-size:11px;background:#252017;padding:6px 9px;border-radius:6px}.mode-card{display:flex;align-items:center;gap:12px;background:#211d16;border:1px solid #5d4b29;border-radius:12px;padding:13px;margin-bottom:24px}.tuk-icon{font-size:33px;background:#33291b;border-radius:11px;width:55px;height:51px;display:grid;place-items:center}.mode-card strong{font-size:14px}.mode-card small{display:block;color:#a79c88;font-size:11px;margin-top:4px}.check-circle{margin-right:auto;background:#ba9650;border-radius:100%;height:20px;width:20px;color:#17181b;font-size:12px;display:grid;place-items:center}.location-fields{position:relative;display:grid;gap:12px}.field-box{display:flex;align-items:center;gap:10px;background:#111214;border:1px solid #332e24;border-radius:10px;padding:12px 11px}.field-box>span{width:17px;display:grid;place-items:center}.point{width:10px;height:10px;border:3px solid #d1ad63;border-radius:100%;display:inline-block;flex-shrink:0}.point.end{border:0;border-radius:3px;background:#dbc187;width:9px;height:9px}.field-content{flex:1;min-width:0}.field-content label{display:block;font-size:10px;color:#a79c88;margin-bottom:5px}.field-content input{width:100%;padding:0;background:transparent;border:0;color:#e9e0ce;font-size:13px;font-weight:600}.field-content input::placeholder{color:#b8af9f;font-weight:400}.field-icon{border:0;background:none;color:#a79c88;padding:0}.location-fields::before{position:absolute;content:'';right:20px;top:55px;height:37px;border-right:2px dotted #665532;z-index:2}.route-meta{display:flex;justify-content:space-between;font-size:10px;color:#a79c88;margin:13px 0 22px}.price-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;font-weight:600}.price-label span{color:#a79c88;font-size:10px;font-weight:400}.price-control{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;padding:10px}.price-control button{height:32px;width:32px;border:1px solid #493e28;background:#252017;border-radius:8px;font-size:22px}.price-center{display:flex;align-items:center;gap:6px}.price-center input{width:62px;text-align:center;border:0;font-size:28px;font-weight:800;color:#e4c88c;background:none;appearance:textfield}.price-center input::-webkit-inner-spin-button{appearance:none}.price-center span{font-size:12px;color:#a79c88}.fare-chips{display:flex;gap:7px;margin:11px 0 18px}.fare-chips button{flex:1;border:1px solid var(--line);background:#17181b;color:#a79c88;padding:7px;border-radius:7px;font-size:11px}.fare-chips button.selected{background:#322919;border-color:#9d8049;color:#dfc07e}.payment-line{display:flex;justify-content:space-between;font-size:11px;color:#a79c88;padding-bottom:17px;border-bottom:1px solid #322c23;margin-bottom:18px}.payment-line span{display:flex;align-items:center;gap:7px}.payment-line .ico{width:17px}.primary{border:0;background:var(--green);color:#17140f;border-radius:10px;padding:14px 18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;transition:.2s}.primary:hover{background:#ebca87;transform:translateY(-1px)}.primary .ico{width:18px}.secondary{border:1px solid var(--line);background:#17181b;padding:11px 15px;border-radius:9px;font-size:12px;font-weight:600}.secondary:hover{background:#24211b}.danger{color:#df9b87;border-color:#594038}.form-note{text-align:center;font-size:10px;color:#a79c88;margin:11px 0 0;line-height:1.7}.form-error{font-size:11px;color:#e0a18d;min-height:16px;margin:5px 0}.map-wrap{height:493px;border-radius:18px;position:relative;overflow:hidden;border:1px solid #383329;background:#151719}.map-svg{height:100%;width:100%;object-fit:cover}.map-top{position:absolute;top:18px;right:18px;left:18px;display:flex;justify-content:space-between;gap:10px;align-items:start;pointer-events:none}.map-status{background:#141619ef;padding:10px 13px;border:1px solid #49402d;border-radius:10px;box-shadow:0 8px 30px #00000035;display:flex;align-items:center;gap:8px;font-size:11px}.map-status .live-dot{box-shadow:0 0 0 4px #3a3020;width:6px;height:6px}.map-tag{background:#18191ce0;padding:8px 10px;border-radius:7px;color:#a79c88;font-size:10px}.map-bottom{position:absolute;bottom:18px;left:18px;right:18px;display:flex;align-items:end;justify-content:space-between}.map-legend{padding:9px 12px;background:#18191ce8;border-radius:8px;display:flex;gap:15px;align-items:center;font-size:10px;color:#a79c88}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#d5b16b}.map-legend span:last-child i{background:#e7cc95;border-radius:2px}.map-controls{display:grid;gap:1px;border-radius:9px;overflow:hidden}.map-controls button{height:34px;width:35px;border:0;background:#17181b;color:#d4b471;font-size:21px}.map-controls button:last-child{font-size:14px}.map-attribution{position:absolute;bottom:2px;left:13px;font-size:8px;color:#a79c88}.map-caption{display:flex;align-items:center;gap:10px;background:#17181b;border:1px solid var(--line);border-radius:12px;padding:14px 17px;margin-top:12px;color:#a79c88;font-size:11px}.map-caption>span:first-child{color:#a79c88;display:grid;place-items:center}.map-caption strong{color:#a79c88;font-weight:600}.advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.advantage{border:1px solid var(--line);border-radius:13px;background:#17181ba8;padding:17px;display:flex;align-items:center;gap:13px}.adv-icon{height:38px;width:38px;flex-shrink:0;border-radius:10px;background:#282217;color:#a79c88;display:grid;place-items:center}.advantage strong{display:block;font-size:12px;margin-bottom:6px}.advantage small{font-size:10px;color:#a79c88}footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b8af9f;margin:28px 0 20px}footer b{padding:0 5px;color:#b8af9f}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{margin:0;font-size:18px}.section-heading small{color:var(--muted)}.offers-list{display:grid;gap:12px}.driver-card{border:1px solid #403828;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.driver-avatar{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#2e271b;font-size:16px;font-weight:800;color:#d9b97b}.driver-info{flex:1;min-width:90px}.driver-info strong{font-size:13px}.driver-info small{display:block;font-size:10px;color:#a79c88;margin-top:6px}.driver-fare{font-size:21px;font-weight:800}.driver-fare small{font-size:10px;font-weight:400}.offer-pick{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:7px;border:0;background:#30281b;color:#dfc388;font-weight:600;font-size:11px}.back-link{background:none;border:0;color:#a79c88;padding:0 0 18px;font-size:11px}.status-pill{font-size:11px;background:#2e281b;color:#d7b978;border-radius:20px;padding:7px 11px;display:inline-flex;align-items:center;gap:6px}.trip-driver{display:flex;align-items:center;gap:12px;margin:22px 0}.trip-driver .driver-avatar{width:55px;height:55px;font-size:22px}.trip-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:18px 0}.trip-details>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:9px 0;color:#a79c88}.trip-details strong{color:#eadbc0;font-weight:600}.trip-step{display:flex;gap:10px;align-items:center;margin:16px 0;font-size:12px;color:#b8af9f}.step-number{height:25px;width:25px;border-radius:50%;background:#24211c;display:grid;place-items:center;font-size:10px}.trip-step.done{color:#dfc58f}.trip-step.done .step-number{background:#3d321f}.trip-buttons{display:grid;gap:9px;margin-top:20px}.receipt{text-align:center;padding:10px 0}.success-symbol{margin:0 auto 18px;background:#30281b;color:#d6b46b;border-radius:50%;height:64px;width:64px;display:grid;place-items:center;font-size:27px}.receipt h2{font-size:23px;margin:12px 0}.receipt p{font-size:12px;color:#a79c88}.receipt-amount{font-size:45px;font-weight:900;margin-top:20px}.receipt-amount small{font-size:14px;color:#a79c88;font-weight:500}.stars{display:flex;justify-content:center;gap:6px;direction:ltr;margin:15px 0 20px}.stars button{font-size:30px;background:none;border:0;color:#514b3e;padding:1px}.stars button.chosen{color:#dfb85c}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{padding:23px}.stat small{font-size:12px;color:#a79c88}.stat strong{display:block;font-size:30px;margin:15px 0 6px;font-weight:800}.stat>span{font-size:10px;color:#b8af9f}.empty-state{text-align:center;padding:65px 22px}.empty-state>div{font-size:44px}.empty-state h2{font-size:21px}.empty-state p{font-size:13px;color:#a79c88}.empty-state .primary{max-width:220px;margin:20px auto 0}.history-list{display:grid;gap:13px}.history-item{display:flex;align-items:center;gap:15px;padding:20px}.history-item .adv-icon{font-size:23px}.history-item>div:nth-child(2){flex:1}.history-item strong{font-size:13px}.history-item small{display:block;font-size:11px;color:#a79c88;margin-top:8px}.history-amount{text-align:left;font-size:21px;font-weight:800}.history-amount span{display:block;font-size:10px;font-weight:500;color:#a79c88;margin-top:7px}.driver-toolbar{padding:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.driver-toolbar h2{font-size:16px;margin:0 0 6px}.driver-toolbar small{font-size:11px;color:#a79c88}.toggle{border:0;border-radius:30px;display:flex;gap:12px;align-items:center;padding:9px 12px;background:#32291b;color:#d7b66f;font-size:12px}.toggle i{display:block;width:30px;height:18px;border-radius:20px;background:#bb9854;position:relative}.toggle i::after{content:'';position:absolute;width:12px;height:12px;background:#17181b;border-radius:50%;left:3px;top:3px}.toggle.off{background:#262628;color:#aaa395}.toggle.off i{background:#6b665c}.toggle.off i::after{left:auto;right:3px}.requests{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.request{padding:22px}.request-header{display:flex;align-items:center;gap:10px;margin-bottom:19px}.request-header>div:nth-child(2){flex:1}.request-header strong{font-size:13px}.request-header small{display:block;font-size:11px;color:#a79c88;margin-top:5px}.request-price{font-size:25px;font-weight:800}.request-price small{font-size:11px;color:#a79c88}.request-route{display:grid;gap:13px;font-size:12px;margin:19px 0;padding:15px;background:#20201e;border-radius:9px}.request-route span{display:flex;align-items:center;gap:10px}.request .primary{font-size:13px}.counter-offer{display:flex;gap:8px;margin-top:10px}.counter-offer input{width:100%;min-width:0;border-radius:8px;border:1px solid var(--line);padding:10px;font-size:12px;background:#17181b}.counter-offer button{#17181b-space:nowrap}.admin-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.settings,.safety-card{padding:24px}.settings h2,.safety-card h2{margin:0 0 10px;font-size:18px}.settings p{color:#a79c88;font-size:12px}.settings label{display:block;font-size:13px;margin:20px 0 10px}.settings input[type=range]{width:100%;accent-color:#d6b46b}.settings input[type=text]{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;margin-bottom:20px}.notice{background:#252117;border-radius:10px;padding:15px;font-size:11px;color:#a79c88;line-height:1.9;margin-top:18px}.setting-value{float:left;color:#dcb76c;font-size:20px;font-weight:800}.safety-item{display:flex;gap:12px;margin:20px 0}.safety-item .adv-icon{width:32px;height:32px}.safety-item strong{font-size:12px}.safety-item p{font-size:11px;color:#a79c88;margin:6px 0 0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:100;background:#262016;color:#17181b;border:1px solid #8e7342;border-radius:12px;padding:14px 24px;box-shadow:0 8px 30px #00000035;font-size:13px;transition:.2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #5b4c2c;padding:35px;border-radius:20px;max-width:440px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 90px #00000066}dialog::backdrop{background:#000000a6;backdrop-filter:blur(4px)}.modal-close{position:absolute;left:12px;top:10px;border:0;background:#30291d;width:28px;height:28px;border-radius:50%;font-size:23px;color:#a79c88}dialog h2{font-size:24px;margin:10px 0 20px}dialog p,dialog li{font-size:13px;line-height:2;color:#a79c88}dialog ol{padding-right:19px}dialog .primary{margin-top:22px}.page-section-title{font-size:18px;margin:28px 0 15px}.map-svg text{font-family:Tajawal,Tahoma,Arial,sans-serif}.driver-request-feedback{font-size:11px;color:#d9b770;text-align:center;margin:10px 0 0}
@media(min-width:1600px){main{padding-top:45px}.map-wrap{height:540px}.booking-panel{padding:25px}.booking-grid{grid-template-columns:380px minmax(0,1fr)}}
@media(max-width:1200px){.sidebar{width:205px;padding:30px 18px 20px}.workspace{margin-right:205px}main{padding:28px 25px 0}.topbar{padding:0 25px}.booking-grid{grid-template-columns:320px minmax(0,1fr);gap:16px}.booking-panel{padding:18px}.advantages{gap:10px}.advantage{padding:14px 10px;gap:8px}.advantage small{font-size:9px}.map-status{font-size:10px;padding:9px}.map-tag{display:none}.role-switch button{padding:9px 13px}}
@media(max-width:1000px){.sidebar{width:90px;padding:27px 13px 20px}.brand{justify-content:center}.brand>span:last-child,.side-caption,.nav-btn>span,.side-bottom .local-badge,.install-link,.user>div:not(.avatar),.user-dots{display:none}.brand-icon{width:46px;height:46px}.sidebar nav{margin-top:45px}.nav-btn{justify-content:center;padding:16px}.user{justify-content:center}.workspace{margin-right:90px}.page-heading{align-items:start}h1{font-size:27px}.role-switch button{padding:9px 12px}.stats-grid{gap:12px}.stat{padding:18px}.map-legend{font-size:9px;gap:8px}.advantages{grid-template-columns:1fr}.advantage{padding:14px 18px}.advantage small{font-size:11px}.advantage strong{font-size:13px}.admin-grid{grid-template-columns:1fr}}
@media(max-width:750px){.sidebar{height:68px;width:100%;top:auto;bottom:0;padding:0 10px;border-left:0;border-top:1px solid var(--line);display:block}.sidebar .brand,.side-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;margin:0;height:100%;gap:5px}.nav-btn{padding:9px 6px 7px;display:flex;flex-direction:column;gap:5px;flex:1;max-width:130px;border-radius:0;background:none!important}.nav-btn>span{display:block;font-size:10px}.nav-btn.active{color:#dbb66b}.nav-btn .ico{height:21px;width:21px}.workspace{margin-right:0}.topbar{height:66px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:block;font-size:22px;font-weight:800}.mobile-brand b{font-size:20px}.demo-pill{font-size:10px;padding:6px 8px}.top-actions{gap:10px}.icon-btn{height:30px;width:30px}main{padding:24px 18px 78px}.page-heading{margin-bottom:22px;flex-wrap:wrap;gap:18px}.eyebrow{font-size:10px}h1{font-size:27px;margin-bottom:7px}.page-heading p{font-size:12px}.role-switch{padding:4px}.role-switch button{padding:9px 22px;font-size:11px}.booking-grid{display:flex;flex-direction:column;gap:16px}.map-column{order:-1;width:100%}.map-wrap{height:265px}.map-top{top:12px;right:12px;left:12px}.map-status{padding:9px 11px;font-size:10px}.map-bottom{bottom:15px;left:12px;right:12px}.map-controls button{height:27px;width:29px}.map-caption{display:none}.booking-panel{padding:20px;width:100%;box-shadow:0 8px 30px #00000035}.panel-title{margin-bottom:18px}.panel-title h2{font-size:18px}.mode-card{margin-bottom:20px}.advantages{gap:10px;margin-top:20px}.advantage{padding:13px}.adv-icon{height:34px;width:34px}.advantage strong{font-size:12px}.advantage small{font-size:10px}footer{font-size:9px;display:block;text-align:center;line-height:2;margin-top:22px}footer>span{display:block}.stats-grid{gap:8px}.stat{padding:15px 10px}.stat small{font-size:10px}.stat strong{font-size:24px;margin:12px 0 5px}.stat>span{font-size:9px}.requests{grid-template-columns:1fr}.driver-toolbar{padding:17px}.driver-toolbar h2{font-size:14px}.driver-toolbar small{font-size:10px}.toggle{padding:8px 10px;font-size:10px}.admin-grid{gap:15px}.history-item{padding:17px 12px;gap:10px}.history-item strong{font-size:11px}.history-item small{font-size:10px}.history-amount{font-size:18px}.history-amount span{font-size:9px}.section-heading h2{font-size:17px}.section-heading small{font-size:10px}.empty-state{padding:45px 18px}#toast{bottom:85px;min-width:240px;font-size:12px}.stars button{font-size:34px}dialog{padding:28px 25px}.request-price{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Wasalni — obsidian & champagne gold */
:root{color-scheme:dark;--ink:#f0e9da;--muted:#a49b8b;--green:#d6b46b;--deep:#c8a65e;--line:#322c22;--bg:#0c0d0f;--gold:#d6b46b;--surface:#16171a}
body{background:radial-gradient(ellipse at 18% 0%,#29201326,transparent 45%),#0c0d0f;color:var(--ink)}
.sidebar{background:#101113;border-color:#312a20}.brand{color:#e3c27d;letter-spacing:0;font-size:32px;gap:9px}.brand-icon{width:59px;height:59px;background:#0b0c0e;border:1px solid #3d3120;border-radius:15px;overflow:hidden;flex-shrink:0}.brand-icon img{width:100%;height:100%;object-fit:cover}.brand small{color:#a0947e;font-size:10px}.side-caption{margin-top:40px;color:#8f8573}.sidebar nav{gap:6px}.nav-btn{font-size:13px;color:#aea595}.nav-btn.active{background:linear-gradient(90deg,#2a2215,#211c14);border:1px solid #5a4727;color:#e5c888}.nav-btn:hover{background:#242017}.nav-btn .ico{color:#bb9c61}.nav-btn.active .ico{color:#e3c27d}.nav-btn:not(.active){border:1px solid transparent}.topbar{background:#101113cc;border-color:#302a20}.breadcrumb{color:#8f8573}.breadcrumb b{color:#d8cdb9}.breadcrumb span{color:#65563d}.top-actions .demo-pill{color:#d1b67c;border-color:#554328;background:#252016}.demo-pill i,.local-badge i,.live-dot{background:#cfaa61}.icon-btn{background:#18191b;border-color:#423726;color:#d0af6d}.local-badge{color:#a19682}.user small{color:#9c917e}.avatar{color:#dfc17d;background:#302718}.install-link{background:#171615;color:#c5b89f;border-color:#453823}.user strong{color:#ddd1bb}.user-dots{color:#9c8963}
.page-heading h1{color:#f0e6d2;letter-spacing:0;font-size:31px}.page-heading p{color:#a99c85}.eyebrow{color:#b89b64}.role-switch{border-color:#473b28;background:#151619}.role-switch button{color:#a89b84}.role-switch button.active{background:linear-gradient(135deg,#e1c07c,#b18b48);color:#14120e;box-shadow:0 3px 10px #0004}.panel{background:linear-gradient(145deg,#1a1b1e,#141517);border-color:#393126;box-shadow:0 8px 24px #0002}.panel-title h2{color:#ede0c5}.tag,.panel-title .tag{background:#2c2418;color:#d8b978;border:1px solid #504025}.mode-card{background:linear-gradient(120deg,#2b2419,#1a1916);border-color:#746039}.tuk-icon{background:#3b2e19;color:#e8c77f}.tuk-icon .ico{width:37px;height:37px;stroke-width:1.3}.mode-card small{color:#b8a98b}.check-circle{background:#c4a05a;color:#17120b}.heading-ride .ico{width:31px;height:31px;color:#d5af63;stroke-width:1.4;vertical-align:middle}.field-box{background:#101113;border-color:#3c3223}.field-box .ico,.field-icon{color:#c6a361}.field-content label{color:#a29275}.field-content input{color:#e6d8bc}.field-content input::placeholder{color:#897b65}.point{border-color:#d0a95f}.point.end{background:#e4c685}.location-fields::before{border-color:#6a5630}.route-meta{color:#a99b7f}.price-label{color:#e9dbbd}.price-label span{color:#af9a6f}.price-control{background:#121315;border-color:#4c3d25}.price-control button{background:#2e2518;border-color:#5a4625;color:#e3c27a}.price-center input{color:#edcd8b}.price-center span{color:#b9a275}.fare-chips button{background:#181817;border-color:#483a24;color:#baaa89}.fare-chips button.selected{background:#3e301b;border-color:#a8894d;color:#f1d293}.payment-line{color:#b3a17b;border-color:#403524}.primary{background:linear-gradient(115deg,#edcf8c,#c09b54);color:#17120b;box-shadow:0 5px 17px #c79f5020}.primary:hover{background:linear-gradient(115deg,#f0d9a4,#d0ad65);box-shadow:0 8px 24px #c79f5035}.secondary{background:#211d16;color:#ddc48f;border-color:#5d4928}.secondary:hover{background:#322716}.secondary.danger{color:#e0a991;border-color:#694535}.form-note{color:#a2957b}.form-error{color:#e3b18a}.map-wrap{border-color:#51422a;background:#17191b}.map-status{background:#121417ee;border-color:#67522d;color:#dbc392;box-shadow:0 10px 25px #0005}.map-status .live-dot{box-shadow:0 0 0 4px #6b552333}.map-tag{background:#151719ee;color:#b8a27a;border:1px solid #433724}.map-legend{background:#141619ef;color:#baa47b}.map-legend i{background:#ceab64}.map-legend span:last-child i{background:#e6cc99}.map-controls{box-shadow:0 8px 24px #0004;border:1px solid #57452a}.map-controls button{background:#1a1c1f;color:#ddbd79}.map-caption{background:#151619;border-color:#3c3223;color:#aa9a7a}.map-caption strong{color:#d9bb7b}.map-caption>span:first-child{color:#d5af63}.map-attribution{color:#aaa18e}.advantages{gap:14px}.advantage{background:#151619aa;border-color:#3b3121}.adv-icon{background:#302619;color:#d7b572}.advantage small{color:#a4977e}.advantage strong{color:#e4d7be}footer{color:#9c8e73}footer b{color:#c4a66b}.section-heading small{color:#ab9c80}.section-heading h2{color:#e6d9be}.driver-card{background:#151618;border-color:#554328}.driver-avatar{color:#e1bf7b!important;background:#2e2519!important}.driver-info small{color:#b1a182}.driver-info strong{color:#e7d7b5}.driver-fare{color:#e4c280}.offer-pick{background:#392b18;color:#e3c385}.driver-card>small{color:#aa9671!important}.status-pill{color:#dfc180;background:#342817}.trip-details{border-color:#4b3b23}.trip-details>div{color:#b4a17c}.trip-details strong{color:#e3cfa4}.trip-step{color:#a08f6d}.trip-step.done{color:#e3c182}.step-number{background:#30271b;color:#bd9f65}.trip-step.done .step-number{background:#584321;color:#f0d49a}.success-symbol{color:#e5bf71;background:#3c2c17}.receipt h2{color:#f0dfbb}.receipt p{color:#b4a17b}.receipt-amount{color:#e6c480}.receipt-amount small{color:#b9a074}.stat small{color:#b4a17d}.stat strong{color:#e0be78}.stat>span{color:#a99b80}.notice{color:#c4b18b;background:#2b2317;border:1px solid #4e3b20}.settings p,.safety-item p{color:#baa98a}.settings input[type=text],.counter-offer input{color:#e6d4ad;background:#111214;border-color:#5a4628}.setting-value{color:#e0bc74}.toggle{background:#3a2c17;color:#e5c481}.toggle i{background:#bb9450}.toggle i::after{background:#21170b}.toggle.off{background:#292823;color:#b2a489}.toggle.off i{background:#716450}.toggle.off i::after{background:#17120b}.driver-toolbar small{color:#b0a082}.request-route{color:#d4c19a;background:#262118}.request-header small{color:#ac9873}.request-price{color:#e1be76}.request-price small{color:#b29a6c}.team-photo-note p{margin:0}.driver-request-feedback{color:#d6b36b}.history-item strong{color:#e0ceaa}.history-item small{color:#b19c75}.history-amount{color:#e0bc75}.history-amount span{color:#b79f71}.empty-mark .ico{height:58px;width:58px;stroke-width:1;color:#cdaa62}.empty-state p{color:#b4a17b}.empty-state h2{color:#e5d5b4}dialog{background:#151517;border-color:#8f7038;color:#eee0c3}dialog p,dialog li{color:#bcaa87}.modal-close{background:#332919;color:#e3c17d}.icon-btn:hover{border-color:#c6a160}#toast{background:#292116;color:#f1dfb8;border-color:#ac8747}.mobile-brand{align-items:center;gap:7px;color:#e2bf74}.mobile-brand img{width:39px;height:39px;object-fit:cover;border-radius:9px;background:#0b0c0e;border:1px solid #4c3c21}
/* Developer page */
.developer-page{max-width:1120px;margin:auto}.developer-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:40px 45px;border:1px solid #614c28;border-radius:20px;background:radial-gradient(ellipse at 5% 0%,#b0843023,transparent 65%),linear-gradient(135deg,#1a1916,#101113);overflow:hidden;position:relative}.developer-intro::after{content:'';position:absolute;width:280px;height:280px;border:1px solid #b38d3f12;border-radius:50%;right:-170px;bottom:-170px;pointer-events:none}.gold-kicker{display:inline-flex;align-items:center;gap:9px;letter-spacing:.5px;font-size:11px;color:#d2af66}.gold-kicker i{width:24px;height:1px;background:#d0ac64}.intro-copy h2{font-size:38px;line-height:1.6;font-weight:800;margin:20px 0 17px;letter-spacing:-.5px;color:#f1e5cd}.intro-copy h2 span{color:#d8b46b}.intro-copy p{font-size:13px;color:#b6a992;line-height:2.2;margin:0}.intro-signature{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:11px;color:#a69169}.signature-line{width:40px;height:1px;background:#74603a}.intro-signature b{font-weight:400;padding:0 5px;color:#ceaa61}.identity-showcase{max-width:315px;justify-self:center;width:100%;background:#0b0c0e;position:relative;border:1px solid #46371f;border-radius:14px;padding:14px 18px 9px;box-shadow:0 20px 45px #0004}.showcase-logo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.identity-tools{padding-top:9px;border-top:1px solid #382d1c;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#a58e64}.identity-link{display:flex;align-items:center;gap:5px;border:0;background:none;color:#d4b06a;padding:4px 0;font-size:10px}.identity-link .ico{width:13px;height:13px}.identity-corner{position:absolute;pointer-events:none;width:17px;height:17px;border-color:#d1ab5f;border-style:solid}.identity-corner.top{top:9px;right:9px;border-width:1px 1px 0 0}.identity-corner.bottom{bottom:9px;left:9px;border-width:0 0 1px 1px}.team-section-header{display:flex;align-items:center;gap:25px;margin:38px 0 20px}.team-section-header h2{font-size:23px;margin:10px 0 0;font-weight:700;color:#ede1c9}.team-section-header .gold-kicker{font-size:10px}.team-rule{height:1px;background:linear-gradient(90deg,transparent,#6a5127);flex:1}.team-number{font-size:11px;color:#b29a6e;letter-spacing:3px}.team-list{display:grid;gap:14px}.team-member{position:relative;display:flex;align-items:center;gap:30px;background:linear-gradient(110deg,#101113,#191919);border:1px solid #3d3324;border-radius:15px;padding:25px 30px;min-height:185px;overflow:hidden}.team-member.team-lead{background:radial-gradient(ellipse at 95% 0%,#be8c2c13,transparent 65%),linear-gradient(110deg,#121315,#211d16);border-color:#9d7941;box-shadow:0 10px 35px #0003}.team-lead::before{content:'';position:absolute;top:24px;bottom:24px;right:0;width:3px;background:linear-gradient(#e8c680,#97713a);border-radius:5px}.portrait-column{width:108px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:8px}.team-portrait{height:96px;width:96px;border:1px solid #6d542c;border-radius:50%;background:radial-gradient(circle,#33291b,#151515);position:relative;box-shadow:0 0 0 5px #9a793c09;overflow:hidden;display:grid;place-items:center}.team-lead .team-portrait{height:108px;width:108px;border-color:#b78f4a;box-shadow:0 0 0 5px #b08a4210}.team-portrait img{width:100%;height:100%;object-fit:cover}.team-portrait img[hidden]{display:none}.portrait-placeholder{display:flex;align-items:center;flex-direction:column;gap:8px;color:#b69861}.portrait-placeholder .ico{height:30px;width:30px;stroke-width:1}.portrait-placeholder span{font-size:9px;color:#9f8b66}.has-photo .portrait-placeholder{display:none}.photo-upload{font-size:10px;color:#d2ad64;display:flex;gap:6px;align-items:center;cursor:pointer;padding:4px 6px;border-radius:5px;border:1px solid transparent}.photo-upload:hover{background:#302619;border-color:#624c29}.photo-upload .ico{height:14px;width:14px}.photo-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.photo-upload:has(+.photo-file:focus-visible){outline:2px solid #d6b46b;outline-offset:3px}.remove-photo{background:none;border:0;color:#b59776;font-size:9px;padding:1px;cursor:pointer}.remove-photo[hidden]{display:none}.member-info{flex:1;min-width:0}.member-label{color:#9e8b67;font-size:10px;letter-spacing:.5px}.team-lead .member-label{color:#d6b26a}.member-info h3{font-size:26px;font-weight:600;color:#e3d7bf;margin:12px 0;line-height:1.6}.team-lead h3{font-size:32px;color:#e6c27b;font-weight:800;text-shadow:0 2px 18px #c59d4a14}.member-divider{width:35px;height:1px;display:block;background:#5b4729}.team-lead .member-divider{width:55px;background:#a8864a}.member-info p{font-size:11px;color:#9a8c74;margin:12px 0 0}.member-index{align-self:center;font-size:46px;font-weight:400;color:#76603a27;line-height:1;letter-spacing:2px}.team-lead .member-index{color:#c9a05b30}.team-photo-note{display:flex;align-items:start;gap:12px;border:1px solid #463822;border-radius:11px;background:#211c14;padding:16px 20px;margin-top:20px;color:#b9a47d;font-size:11px;line-height:2}.team-photo-note>.ico{width:18px;margin-top:3px;flex-shrink:0;color:#c7a25c}.logo-modal{max-width:600px}.logo-modal .logo-dialog-image{width:100%;max-height:55vh;object-fit:contain;display:block;background:#0b0c0e;border:1px solid #554021;border-radius:12px}.logo-modal h2{margin-top:0}.logo-modal .primary{margin-top:18px}.logo-modal .logo-dialog-caption{font-size:12px;color:#c1aa7e;text-align:center;margin:15px 0 0}
@media(max-width:1200px){.developer-intro{padding:30px;gap:25px}.intro-copy h2{font-size:32px}.team-member{gap:25px;padding:24px}.member-info h3{font-size:24px}.team-lead h3{font-size:29px}.brand{font-size:29px}.brand-icon{width:52px;height:52px}}
@media(max-width:1000px){.brand-icon{width:55px;height:55px}.sidebar nav{margin-top:35px}.developer-intro{padding:27px;gap:20px}.intro-copy h2{font-size:30px}.identity-showcase{max-width:265px}.team-member{gap:23px}.member-index{font-size:35px}}
@media(max-width:750px){.sidebar{background:#101113f5;backdrop-filter:blur(15px);border-color:#554124}.sidebar nav{gap:0}.nav-btn{max-width:none;padding:11px 2px 7px;gap:6px;border:0!important}.nav-btn>span{font-size:9px}.nav-btn.active{color:#e4bf73;background:linear-gradient(0deg,#b8903b15,transparent)!important;position:relative}.nav-btn.active::before{content:'';position:absolute;top:0;width:24px;height:2px;background:#d8b266;border-radius:3px}.nav-btn.active .ico{color:#e3bd6f}.mobile-brand{display:flex!important}.page-heading h1{font-size:27px}.brand{font-size:28px}.role-switch button{padding:9px 22px}.developer-intro{grid-template-columns:1fr;padding:26px 23px;gap:25px;border-radius:15px}.intro-copy h2{font-size:31px;line-height:1.5;margin:16px 0}.intro-copy p{font-size:12px}.intro-signature{margin-top:20px}.identity-showcase{max-width:260px}.team-section-header{margin:28px 0 18px;gap:15px}.team-section-header h2{font-size:20px}.team-number{font-size:9px;letter-spacing:1px}.team-member{padding:24px 16px;gap:18px;min-height:168px;border-radius:12px}.portrait-column{width:78px}.team-portrait{width:73px;height:73px}.team-lead .team-portrait{width:82px;height:82px}.portrait-placeholder .ico{height:26px;width:26px}.portrait-placeholder span{font-size:8px}.photo-upload{font-size:9px;gap:4px;padding:3px 0;white-space:nowrap}.photo-upload .ico{width:12px;height:12px}.member-label{font-size:9px}.member-info h3{font-size:19px;margin:9px 0;line-height:1.8}.team-lead h3{font-size:23px}.member-info p{font-size:10px;margin-top:10px}.member-index{position:absolute;left:12px;bottom:12px;font-size:25px}.team-photo-note{font-size:10px;padding:14px;gap:9px}.logo-modal{padding:25px 20px}.map-status{font-size:10px}.advantages{gap:10px}}
@media(max-width:360px){.team-member{gap:12px;padding:22px 12px}.portrait-column{width:67px}.team-portrait{width:64px;height:64px}.team-lead .team-portrait{width:70px;height:70px}.member-info h3{font-size:17px}.team-lead h3{font-size:20px}.role-switch button{padding:9px 19px}}
/* Operations, employees and weekly ledgers */
.role-switch[hidden]{display:none!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-shortcut{text-align:right;padding:25px;color:#eee0c2;transition:transform .2s,border-color .2s}.admin-shortcut:hover{transform:translateY(-2px);border-color:#b49150}.admin-shortcut h2{font-size:18px;margin:18px 0 10px}.admin-shortcut p{color:#b3a184;font-size:12px;line-height:1.9;margin:0 0 20px}.admin-shortcut>span{font-size:11px;color:#d3b372}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.section-toolbar h2{font-size:19px;margin:0 0 8px}.section-toolbar p{font-size:12px;color:#aa9979;margin:0}.toolbar-actions{display:flex;gap:10px;align-items:center}.primary.compact{width:auto;min-height:40px;font-size:12px;padding:11px 16px}.data-tools{display:flex;gap:12px;align-items:center;margin:22px 0}.data-tools input,.data-tools select,.weekly-ledger select,.owner-preview select{background:#171719;border:1px solid #534226;color:#dbc493;border-radius:9px;padding:12px;font-size:12px;min-height:43px}.data-tools input{width:320px;max-width:100%}.data-tools input::placeholder{color:#9b8b70}.data-tools select{min-width:150px}.table-hint{font-size:11px;color:#a08c68;margin-right:auto}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.staff-card{padding:22px;min-width:0}.staff-top{display:flex;align-items:center;gap:12px}.staff-top>div:nth-child(2){flex:1;min-width:0}.staff-top h3{font-size:16px;margin:0 0 7px;overflow-wrap:anywhere}.staff-top [dir=ltr]{font-size:11px;color:#b39c73;display:inline-block}.staff-email{color:#9c8b6e;font-size:11px;overflow-wrap:anywhere;margin:18px 0}.account-status{display:inline-block;white-space:nowrap;font-size:10px;font-weight:500;padding:6px 9px;border-radius:20px;line-height:1.3;background:#33291b;border:1px solid #5c492b;color:#ddbf81}.account-status.pending{background:#30291d;border-color:#6d5733;color:#d1b57a}.account-status.suspended,.account-status.rejected,.account-status.cancelled{background:#30211a;border-color:#694939;color:#dba68c}.account-status.active,.account-status.done{background:#2d281d;border-color:#87703e;color:#edcf8e}.permission-pills{display:flex;flex-wrap:wrap;gap:7px;min-height:49px;margin-bottom:20px}.permission-pills span{font-size:10px;border:1px solid #4c3c24;color:#cfb682;background:#262017;padding:6px 9px;border-radius:6px}.permission-pills .no-permissions{color:#a99b81;border-style:dashed}.staff-bottom{padding-top:17px;border-top:1px solid #393023;display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-bottom small{font-size:10px;color:#a59370}.staff-bottom .secondary{font-size:11px}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:right;font-size:12px}th{background:#252016;color:#cbb182;font-weight:500;white-space:nowrap;padding:17px 14px;border-bottom:1px solid #69502b}td{padding:19px 14px;border-bottom:1px solid #342b20;color:#d3c1a0;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#bd944a08}td strong{font-size:13px;color:#eee0c1}td small{display:block;font-size:10px;color:#ac9670;margin-top:7px}td .account-status{margin-top:9px}td .toggle{font-size:10px;white-space:nowrap;padding:9px 10px;gap:7px}td .toggle i{width:26px}.drivers-table{min-width:970px}.table-actions{display:flex;flex-direction:column;gap:7px;align-items:start}.table-actions .secondary{font-size:10px;white-space:nowrap;padding:8px 12px}.due-amount{color:#e8c57c;white-space:nowrap;font-weight:700}.reception-label{white-space:nowrap;font-size:11px;color:#d3b371}.reception-label.paused{color:#c39980}.driver-profile-header{display:flex;align-items:center;gap:16px;padding:24px;margin-bottom:20px}.driver-profile-header>.avatar{width:58px;height:58px;font-size:25px}.driver-profile-header h2{margin:0 0 8px;font-size:23px;color:#e7c687}.driver-profile-header p{margin:0;font-size:12px;color:#aa9570}.driver-profile-status{margin-right:auto;display:flex;align-items:center;gap:12px}.weekly-ledger{padding:26px;margin-top:23px}.weekly-ledger h2{font-size:20px;margin:9px 0 0}.weekly-ledger .section-heading{gap:15px}.ledger-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:23px 0;margin-bottom:22px;border-top:1px solid #49391f;border-bottom:1px solid #49391f}.ledger-numbers small{display:block;color:#a99776;font-size:11px}.ledger-numbers strong{display:block;margin-top:13px;color:#eee0c0;font-size:22px}.ledger-numbers .balance strong{color:#edc97e}.weekly-ledger .form-note{text-align:right}.order-rating{display:block;font-size:11px;margin-top:11px;color:#daba77;line-height:1.8;overflow-wrap:anywhere}.history-body{min-width:0}.history-body strong{overflow-wrap:anywhere}.history-amount .account-status{display:block;margin-top:10px;text-align:center}.history-amount>small{display:block;font-size:10px;color:#b6a07b;font-weight:400;margin-top:9px}.text-btn{border:0;background:none;padding:10px 0 0;color:#d7b16a;font-size:11px}.register-panel{max-width:600px;padding:30px;margin:0 auto}.register-heading{display:flex;gap:15px;align-items:center;margin-bottom:26px}.register-heading h2{font-size:23px;margin:0 0 10px}.register-heading p{font-size:12px;color:#ae9b79;margin:0}.register-panel label,.settings label,dialog form>label{display:block;font-size:12px;color:#ceb68b;margin:19px 0 10px}.register-panel input,.register-panel select,.settings input:not([type=range]),dialog form>input,dialog form>select,dialog form>textarea{display:block;width:100%;border:1px solid #69502d;background:#111214;border-radius:9px;color:#e5d0a8;padding:12px;min-height:44px;font-size:13px}.verified-email{color:#bba784;font-size:12px;padding:13px;border-radius:9px;border:1px dashed #54432a;direction:ltr;text-align:right;overflow-wrap:anywhere}.register-panel .primary{margin-top:24px}.permission-options{display:grid;gap:9px;margin:23px 0}.permission-options label{display:flex;align-items:center;gap:11px;border:1px solid #4d3c23;border-radius:9px;background:#221d15;padding:13px;font-size:12px;color:#d4be94;cursor:pointer}.permission-options input{width:17px;height:17px;accent-color:#c7a563;flex-shrink:0}.payment-summary{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid #816638;background:#302519;border-radius:10px;color:#cdb07c;font-size:12px}.payment-summary strong{font-size:25px;color:#f0cf8c}.signout-link{display:block;text-align:center;margin-top:20px}.owner-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px dashed #8e703c;background:#2d2317;padding:15px 18px;border-radius:12px;margin-bottom:20px}.owner-preview>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#d8b879}.owner-preview select{max-width:270px}.driver-request-list{display:grid;gap:14px;min-width:0}.driver-request-list>.empty-state{padding:30px 16px}.driver-request-list .request{padding:20px}.request-header{justify-content:space-between}.waiting-offers{text-align:center;padding:28px 5px}.waiting-offers .live-dot{display:block;margin:0 auto 18px;box-shadow:0 0 0 8px #cda64f12}.waiting-offers strong{font-size:14px;color:#e1c68a}.waiting-offers p{font-size:12px;color:#b29b73}.driver-request-list .trip-panel{padding:22px}.driver-profile-status .toggle{font-size:11px}.stats-grid .stat strong{overflow-wrap:anywhere}body[data-owner=false] .developer-page .photo-upload,body[data-owner=false] .developer-page .photo-file,body[data-owner=false] .developer-page .remove-photo,body[data-owner=false] .developer-page .team-photo-note{display:none!important}
@media(max-width:1100px){.staff-grid{grid-template-columns:1fr}.section-toolbar{align-items:start}.toolbar-actions{flex-direction:column;align-items:stretch}.ledger-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.driver-profile-status{flex-direction:column;align-items:end}}
@media(max-width:750px){.sidebar nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar .nav-btn{min-width:78px;flex:1 0 78px}.sidebar .nav-btn>span{font-size:9px;white-space:nowrap}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid .stat{padding:18px 12px}.stats-grid .stat strong{font-size:24px}.admin-shortcuts{grid-template-columns:1fr;gap:12px}.admin-shortcut{padding:22px}.admin-shortcut h2{font-size:17px}.admin-shortcut p{font-size:11px}.section-toolbar{flex-direction:column;gap:16px;margin:22px 0}.section-toolbar h2{font-size:18px}.section-toolbar p{font-size:11px;line-height:1.8}.toolbar-actions{flex-direction:row;width:100%;gap:8px}.toolbar-actions .primary,.toolbar-actions .secondary{font-size:10px;padding:11px 10px;flex:1}.data-tools{flex-wrap:wrap;gap:9px}.data-tools input{width:100%}.data-tools select{width:100%}.table-hint{margin-right:0;font-size:10px}.staff-card{padding:19px 16px}.staff-top{gap:9px}.staff-top h3{font-size:15px}.staff-top>.account-status{font-size:9px;padding:5px 7px}.staff-bottom{align-items:start}.staff-bottom small{line-height:1.8;max-width:50%}.staff-bottom .secondary{font-size:10px;padding:10px}.driver-profile-header{padding:18px 15px;flex-wrap:wrap;gap:12px}.driver-profile-header h2{font-size:21px}.driver-profile-header>.avatar{width:45px;height:45px;font-size:20px}.driver-profile-status{width:100%;margin-right:0;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #46361e;padding-top:14px}.weekly-ledger{padding:19px 15px}.weekly-ledger .section-heading{flex-wrap:wrap}.weekly-ledger .section-heading select{width:100%}.weekly-ledger h2{font-size:18px}.ledger-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:20px 0}.ledger-numbers small{font-size:10px}.ledger-numbers strong{font-size:22px}.ledger-numbers .balance{grid-column:1/-1;padding:15px;background:#322617;border-radius:9px;border:1px solid #6b512b}.weekly-ledger .primary{width:100%}.register-panel{padding:23px 18px}.register-heading h2{font-size:20px}.register-heading p{font-size:11px;line-height:1.8}.owner-preview{align-items:stretch;flex-direction:column;padding:14px}.owner-preview select{width:100%;max-width:none}.history-item{align-items:start}.history-amount{font-size:17px;min-width:82px}.history-amount>.account-status{font-size:9px}.history-amount>small{font-size:9px}.history-body strong{line-height:1.9}.history-item>.adv-icon{width:29px;height:29px}.history-item .ico{width:18px}.permission-options label{font-size:11px;padding:12px}.permission-options input{height:18px;width:18px}.page-heading:has(.role-switch[hidden]){min-height:72px}.request-price{font-size:22px}.notice{font-size:10px;line-height:2}}
.role-switch{display:none}body[data-owner=true] .role-switch:not([hidden]){display:flex}