@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--to-black:#050607;--to-black2:#0c0f11;--to-gold:#ffc400;--to-gold2:#ffcf32;--to-white:#fff;--to-text:#111416;--to-muted:#70767c;--to-line:#e7e8ea;--to-soft:#f5f6f7;--to-radius:18px}
.to-app,.to-app *{box-sizing:border-box}.to-app{font-family:Manrope,Arial,sans-serif;color:var(--to-text);line-height:1.45}.to-app a{text-decoration:none}.to-wrap{width:min(1320px,calc(100% - 64px));margin:0 auto}.to-header{background:#050607;color:#fff;border-bottom:1px solid #25282a}.to-header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.to-brand{display:inline-flex;flex-direction:column;line-height:.78;color:#fff;font-weight:800;letter-spacing:-1.7px}.to-brand-main{font-size:27px}.to-brand-sub{font-size:11px;letter-spacing:0;margin-left:5px}.to-nav{display:flex;align-items:center;gap:34px}.to-nav a{color:#fff;font-size:14px;font-weight:600;opacity:.92}.to-nav a:hover{opacity:1}.to-login{border:1px solid var(--to-gold)!important;color:var(--to-gold)!important;padding:12px 21px;border-radius:9px}.to-menu{display:none;background:none;border:0;color:#fff;font-size:25px}.to-hero{background:radial-gradient(circle at 75% 50%,#232a2d 0,#0d1011 35%,#050607 70%);color:#fff;overflow:hidden;min-height:600px}.to-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:600px;align-items:center}.to-hero-copy{padding:75px 30px 75px 0;position:relative;z-index:2}.to-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--to-gold);margin-bottom:18px}.to-hero h1{font-size:clamp(46px,5.2vw,76px);line-height:1.02;letter-spacing:-3px;margin:0 0 26px;font-weight:800}.to-hero h1 span{color:#fff}.to-hero p{max-width:570px;font-size:18px;color:#d7d9da;margin:0 0 30px}.to-hero-actions{display:flex;gap:12px}.to-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;padding:15px 25px;font:800 14px Manrope,sans-serif;cursor:pointer;transition:.18s}.to-btn-gold{background:var(--to-gold);color:#0a0a0a}.to-btn-gold:hover{background:var(--to-gold2);transform:translateY(-1px)}.to-btn-ghost{border:1px solid #8d9397;color:#fff;background:transparent}.to-hero-points{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px;color:#c9ccce;font-size:12px}.to-hero-art{height:100%;min-height:600px;position:relative;overflow:hidden;background:linear-gradient(140deg,#1a1e20,#090b0c)}.to-hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050607 0,transparent 35%),radial-gradient(circle at 65% 55%,#3a4041 0,transparent 40%)}.to-road{position:absolute;left:-5%;right:-5%;bottom:60px;height:160px;background:linear-gradient(165deg,transparent 0 32%,#171a1c 33% 75%,transparent 76%);transform:rotate(-3deg)}.to-taxi-shadow{position:absolute;width:440px;height:40px;border-radius:50%;background:#000;filter:blur(18px);right:4%;bottom:126px}.to-taxi{position:absolute;width:510px;height:220px;right:0;bottom:135px}.to-taxi-body{position:absolute;left:20px;right:15px;bottom:25px;height:105px;border-radius:30px 38px 18px 15px;background:linear-gradient(#f8c91d,#c99700);box-shadow:inset 0 -14px 25px rgba(0,0,0,.2)}.to-taxi-body b{position:absolute;right:65px;top:36px;color:#161616;font-size:34px;letter-spacing:2px}.to-taxi-roof{position:absolute;width:240px;height:90px;left:120px;top:35px;border-radius:115px 120px 0 0;background:linear-gradient(145deg,#f6c817,#c28f00)}.to-taxi-window{position:absolute;z-index:2;top:50px;height:55px;background:#202628;border:3px solid #9d7600}.to-taxi-window.w1{left:145px;width:100px;transform:skew(-18deg);border-radius:16px 5px 4px 4px}.to-taxi-window.w2{left:252px;width:90px;transform:skew(17deg);border-radius:5px 16px 4px 4px}.to-wheel{position:absolute;bottom:4px;width:54px;height:54px;border-radius:50%;background:#111;border:10px solid #4a4d4f;z-index:4}.to-wheel.left{left:78px}.to-wheel.right{right:72px}.to-location-card{position:absolute;right:34px;top:110px;width:235px;background:rgba(7,9,10,.88);border:1px solid #35393b;border-radius:14px;padding:16px;color:#fff;backdrop-filter:blur(10px)}.to-location-card strong,.to-location-card b{display:block}.to-location-card span{display:block;color:#d3d5d6;font-size:12px;margin:6px 0 13px}.to-location-card b{font-size:11px;color:var(--to-gold)}
.to-request-section{background:#fff;padding:82px 0}.to-section-heading{margin-bottom:34px}.to-section-heading.centered{text-align:center}.to-section-heading h2{font-size:42px;line-height:1.08;letter-spacing:-1.7px;margin:0 0 9px}.to-section-heading p{color:var(--to-muted);margin:0}.to-request-card{border:1px solid var(--to-line);border-radius:22px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.08);display:grid;grid-template-columns:1.2fr 30px 1.2fr .7fr 1.15fr 1.05fr;gap:16px;align-items:end}.to-form-step{min-width:0}.to-form-step>span{display:inline-flex;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background:var(--to-gold);font-size:11px;font-weight:800;margin-right:8px}.to-form-step label{display:inline;font-size:11px;font-weight:800;letter-spacing:.7px}.to-form-step label em{font-style:normal;color:#999;font-weight:700}.to-form-step small{display:block;color:#92979b;font-size:10px;margin:7px 0 9px}.to-form-step input,.to-form-step select,.price-input{width:100%;height:46px;border:1px solid #d9dcdf;border-radius:8px;background:#fff;font:500 13px Manrope;color:#222;padding:0 12px;outline:none}.to-form-step input:focus,.to-form-step select:focus{border-color:#999;box-shadow:0 0 0 3px rgba(255,196,0,.14)}.to-form-arrow{font-size:22px;color:#b2b6b8;padding-bottom:10px}.price-input{display:flex;align-items:center;padding:0 12px}.price-input input{border:0!important;box-shadow:none!important;height:42px;padding:0}.price-input b{font-size:12px}.to-contact-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;border-top:1px solid var(--to-line);padding-top:22px}.to-contact-row input{height:45px;border:1px solid #d9dcdf;border-radius:8px;padding:0 12px;font:500 13px Manrope}.to-request-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:4px}.to-request-bottom p{font-size:12px;color:#777;margin:0}.to-request-bottom .to-btn{min-width:220px}.to-message{grid-column:1/-1;min-height:0;font-size:13px}.to-message.ok{color:#138a3d}
.to-how-section{background:#f7f8f9;padding:100px 0}.to-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:55px}.to-how-grid article{position:relative;padding:0 35px;border-right:1px solid #d8dadd;text-align:center}.to-how-grid article:last-child{border:0}.to-how-grid article>span{font-size:11px;font-weight:800;color:#a1a5a8}.to-icon{width:62px;height:62px;border:1px solid #d7dadd;border-radius:50%;margin:12px auto 20px;display:grid;place-items:center;background:#fff;font-weight:800}.to-how-grid h3{margin:0 0 9px;font-size:20px}.to-how-grid p{margin:0;color:#73797d;font-size:13px}.to-benefit-section{padding:65px 0;background:#fff}.to-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.to-benefit-grid>div{padding:15px 50px;border-right:1px solid #ddd}.to-benefit-grid>div:last-child{border:0}.to-benefit-grid b{font-size:24px;color:var(--to-gold)}.to-benefit-grid h3{margin:13px 0 5px;font-size:17px}.to-benefit-grid p{margin:0;color:#72777b;font-size:13px}.to-driver-cta{background:#060708;color:#fff;padding:88px 0}.to-driver-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.to-driver-cta h2{font-size:42px;margin:0 0 10px;letter-spacing:-1.5px}.to-driver-cta p{color:#c9ccce;max-width:600px;margin:0}.to-footer{background:#050607;color:#fff;border-top:1px solid #272a2c}.to-footer-inner{min-height:105px;display:flex;align-items:center;gap:28px}.to-footer-inner>span{color:#777;font-size:11px}.to-footer-inner nav{margin-left:auto;display:flex;gap:22px}.to-footer-inner nav a{color:#aaa;font-size:11px}
/* Driver */
.to-driver-app{min-height:calc(100vh - 1px);display:grid;grid-template-columns:270px 1fr;background:#f3f4f5}.to-driver-side{background:#080a0b;color:#fff;padding:24px 18px;display:flex;flex-direction:column;min-height:100vh}.to-driver-brand{padding:0 13px 28px;border-bottom:1px solid #25292b}.to-driver-user{display:flex;align-items:center;gap:11px;padding:22px 8px}.to-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#24292b;color:#fff;font-weight:800}.to-avatar.small{width:32px;height:32px}.to-avatar.large{width:62px;height:62px;font-size:20px;margin-bottom:12px}.to-driver-user strong{display:block;font-size:13px}.to-driver-user small{display:block;color:#82d39d;font-size:10px}.to-driver-user i,.to-driver-top p i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35b65d;margin-right:5px}.to-driver-side nav{display:grid;gap:4px}.to-driver-side nav a{color:#aeb3b6;padding:12px 11px;border-radius:9px;font-size:13px;display:flex;align-items:center;gap:10px}.to-driver-side nav a.active,.to-driver-side nav a:hover{background:#1b1e20;color:#fff}.to-driver-side nav a b{margin-left:auto;background:var(--to-gold);color:#111;border-radius:20px;padding:2px 7px;font-size:10px}.to-online-box{margin-top:auto;border:1px solid #2b302f;background:#111516;border-radius:12px;padding:13px;display:grid;grid-template-columns:9px 1fr;gap:8px}.to-online-box>span{width:8px;height:8px;background:#36bf63;border-radius:50%;margin-top:5px}.to-online-box strong{font-size:11px;display:block}.to-online-box small{display:block;color:#737b7e;font-size:9px}.to-online-box button{grid-column:2;margin-top:8px;background:transparent;border:1px solid #454a4c;color:#aab0b2;border-radius:7px;padding:6px;font-size:9px}.to-logout{color:#7e8487;font-size:11px;padding:18px 11px 0}.to-driver-main{min-width:0}.to-driver-top{height:125px;background:#fff;border-bottom:1px solid #e0e2e4;padding:27px 38px;display:flex;align-items:center;justify-content:space-between}.to-driver-top .to-kicker{margin:0 0 5px;color:#9b7a00}.to-driver-top h1{font-size:24px;margin:0}.to-driver-top p{font-size:11px;color:#7b8184;margin:4px 0 0}.to-profile-pill{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dddfe1;border-radius:9px;padding:8px 13px;font:600 11px Manrope}.to-driver-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;padding:30px 38px}.to-list-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.to-list-heading h2{margin:0;font-size:19px}.to-list-heading p{margin:3px 0 0;color:#858b8f;font-size:11px}.to-refresh{border:1px solid #d8dbdd;background:#fff;border-radius:8px;padding:8px 12px;font:600 11px Manrope}.to-request-list{display:grid;gap:9px}.to-ride-card{background:#fff;border:1px solid #e0e2e4;border-radius:12px;padding:16px;display:grid;grid-template-columns:60px minmax(0,1fr) 100px 18px;gap:16px;align-items:center;cursor:pointer;transition:.15s}.to-ride-card:hover{border-color:#c5a400;box-shadow:0 8px 25px rgba(0,0,0,.05);transform:translateY(-1px)}.to-ride-time strong{font-size:15px;display:block}.to-ride-time small{font-size:9px;color:#92979a}.to-ride-route{display:grid;grid-template-columns:auto 16px auto;align-items:center;gap:4px}.to-ride-route strong{font-size:12px}.to-ride-route span{color:#a0a5a8}.to-ride-route small{grid-column:1/-1;color:#8a9093;font-size:9px;margin-top:4px}.to-ride-price{text-align:right;font-weight:800;font-size:15px}.to-ride-price small{display:block;color:#999;font-size:8px;font-weight:600}.to-chevron{font-size:25px;color:#a6aaad}.to-driver-right{display:grid;align-content:start;gap:12px}.to-side-panel{background:#fff;border:1px solid #e0e2e4;border-radius:12px;padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title h3{margin:0;font-size:13px}.panel-title a{font-size:9px;color:#a07800}.profile-summary{text-align:center}.profile-summary strong{display:block;font-size:13px}.profile-summary>span{display:block;font-size:11px;color:#c19a00;margin:4px}.profile-summary em{font-style:normal;color:#8b9093}.profile-summary small{color:#777;font-size:10px}.to-side-panel h4{margin:0 0 8px;font-size:14px}.to-side-panel p{font-size:10px;color:#777;line-height:1.7;margin:0}.stats-row{display:flex;justify-content:space-between;border-top:1px solid #eee;padding:11px 0;font-size:10px;color:#7d8387}.stats-row:first-of-type{border:0}.stats-row b{color:#222;font-size:12px}.to-selected{margin-top:15px}.to-detail{background:#fff;border:1px solid #dedfe0;border-radius:15px;padding:18px}.to-detail h2{font-size:16px;margin:0 0 4px}.to-detail p{font-size:11px;color:#747a7d}.to-map{height:240px;margin:15px 0;border-radius:12px;background:linear-gradient(135deg,#dce7e8,#f1f0e7);position:relative;overflow:hidden}.to-map:before,.to-map:after{content:"";position:absolute;background:#fff;opacity:.85}.to-map:before{width:130%;height:15px;left:-15%;top:100px;transform:rotate(17deg)}.to-map:after{height:160%;width:13px;left:55%;top:-20%;transform:rotate(-20deg)}.map-lines{position:absolute;inset:0;z-index:2}.map-lines span{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #222;font-weight:800;font-size:11px;box-shadow:0 4px 12px #0002}.map-lines span:nth-child(1){left:76%;top:22%;border-color:#d24b3e}.map-lines span:nth-child(2){left:18%;top:62%;border-color:#2a8c58}.map-lines span:nth-child(3){left:55%;top:44%;border-color:#3577cf}.to-detail .to-actions{display:flex;gap:10px}.to-secondary{background:#fff;border:1px solid #d4d7d9;border-radius:8px;padding:11px 14px;font:700 11px Manrope}.to-driver-profile{margin:0 38px 50px;background:#fff;border:1px solid #e0e2e4;border-radius:14px;padding:24px}.profile-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.profile-form-grid label{font-size:10px;font-weight:700}.profile-form-grid label.full{grid-column:1/-1}.profile-form-grid input{display:block;width:100%;height:42px;border:1px solid #d8dbdd;border-radius:7px;padding:0 10px;margin-top:6px;font:500 12px Manrope}.to-driver-profile #to-driver-msg{font-size:11px;margin-left:12px;color:#138a3d}
/* customer */
.to-auth-page{min-height:70vh;display:grid;place-items:center;background:#f5f6f7;padding:70px 20px}.to-auth-card{background:#fff;border:1px solid #e1e3e5;border-radius:18px;padding:42px;max-width:520px;text-align:center;box-shadow:0 20px 60px #0000000d}.to-auth-card .to-brand{background:#050607;padding:14px 18px;border-radius:10px;margin-bottom:35px}.to-auth-card h1{font-size:28px;line-height:1.1}.to-auth-card p{color:#757b7f}.to-customer-main{background:#f5f6f7;min-height:calc(100vh - 87px);padding:80px 7vw}.to-customer-main>h1{font-size:42px;letter-spacing:-1.6px;margin:0}.to-customer-main>h1 span{color:#aaa}.to-trip-meta{color:#777;font-size:13px;margin-top:8px}.to-status-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;margin-top:35px}.to-status-main,.to-trip-card{background:#fff;border:1px solid #e0e2e4;border-radius:17px;padding:30px}.to-status-label{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#a07800}.to-status-main h2{font-size:24px;margin:6px 0 20px}.to-offer-price{font-size:54px;font-weight:800;letter-spacing:-2px;margin-bottom:7px}.to-offer-price small{font-size:22px;letter-spacing:0}.to-status-main p{color:#777;font-size:13px}.to-link-btn{border:0;background:none;margin-top:14px;color:#777;text-decoration:underline;cursor:pointer}.to-trip-card h3{font-size:15px}.to-trip-card p{font-size:11px;border-top:1px solid #eee;padding-top:10px;margin-top:10px}.to-trip-card p b{display:block;color:#999;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.to-map-mini{height:190px;border-radius:12px;background:linear-gradient(135deg,#d9e8e6,#f0eee6);position:relative;margin-bottom:20px}.to-map-mini:after{content:"";position:absolute;width:70%;height:5px;background:#3f8acb;left:15%;top:55%;transform:rotate(-18deg)}.to-map-mini span{position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid;display:grid;place-items:center;font-size:9px;font-weight:800;z-index:2}.map-a{left:72%;top:25%;border-color:#d34a3b}.map-b{left:15%;top:65%;border-color:#2d8d58}.map-c{left:48%;top:45%;border-color:#3474c6}.to-waiting{display:flex;gap:12px;background:#f6f7f8;border-radius:12px;padding:18px}.to-waiting>span{width:10px;height:10px;border-radius:50%;background:var(--to-gold);margin-top:5px}.to-waiting strong{font-size:13px}.to-waiting p{margin:4px 0 0}.to-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.to-pay-card{text-align:left;background:#fff;border:1px solid #ddd;border-radius:12px;padding:18px;cursor:pointer}.to-pay-card:hover{border-color:#d5aa00}.to-pay-card b,.to-pay-card span{display:block}.to-pay-card b{font-size:14px}.to-pay-card span{color:#888;font-size:10px;margin-top:5px}.to-note{font-size:10px!important;color:#999!important}
@media(max-width:1100px){.to-wrap{width:min(100% - 40px,980px)}.to-request-card{grid-template-columns:1fr 1fr}.to-form-arrow{display:none}.to-contact-row,.to-request-bottom{grid-column:1/-1}.to-hero-grid{grid-template-columns:1fr}.to-hero-art{display:none}.to-hero-copy{padding-right:0}.to-driver-content{grid-template-columns:1fr}.to-driver-right{grid-template-columns:repeat(3,1fr)}.to-driver-app{grid-template-columns:220px 1fr}.to-driver-side{padding:20px 12px}.to-nav{gap:18px}}
@media(max-width:760px){.to-wrap{width:calc(100% - 30px)}.to-header-inner{height:72px}.to-nav{display:none}.to-menu{display:block}.to-hero{min-height:auto}.to-hero-grid{min-height:auto}.to-hero-copy{padding:65px 0}.to-hero h1{font-size:45px;letter-spacing:-2px}.to-hero p{font-size:15px}.to-hero-actions{flex-direction:column;align-items:stretch}.to-request-section,.to-how-section{padding:65px 0}.to-section-heading h2,.to-driver-cta h2{font-size:33px}.to-request-card{grid-template-columns:1fr;padding:18px}.to-contact-row{grid-template-columns:1fr}.to-request-bottom{flex-direction:column;align-items:stretch}.to-request-bottom .to-btn{width:100%}.to-how-grid{grid-template-columns:1fr 1fr;gap:35px 0}.to-how-grid article{border:0;padding:0 16px}.to-benefit-grid{grid-template-columns:1fr}.to-benefit-grid>div{border:0;border-bottom:1px solid #eee;padding:25px 10px}.to-driver-cta-inner{flex-direction:column;align-items:flex-start}.to-footer-inner{flex-wrap:wrap;padding:22px 0}.to-footer-inner nav{width:100%;margin:0}.to-driver-app{display:block}.to-driver-side{min-height:0;padding:13px}.to-driver-side nav,.to-online-box,.to-logout{display:none}.to-driver-brand{padding-bottom:13px;border:0}.to-driver-user{padding:5px 8px 12px}.to-driver-top{height:auto;padding:22px 16px}.to-profile-pill{display:none}.to-driver-content{padding:18px 14px;display:block}.to-driver-right{display:none}.to-ride-card{grid-template-columns:48px 1fr 70px 12px;gap:8px;padding:12px}.to-ride-route{display:block}.to-ride-route span{display:none}.to-ride-route strong{display:block}.to-ride-price{font-size:12px}.to-driver-profile{margin:0 14px 30px;padding:18px}.profile-form-grid{grid-template-columns:1fr}.profile-form-grid label.full{grid-column:auto}.to-status-grid{grid-template-columns:1fr}.to-customer-main{padding:45px 18px}.to-customer-main>h1{font-size:30px}.to-status-main,.to-trip-card{padding:22px}.to-pay-grid{grid-template-columns:1fr}}

/* Taxi Online 1.3 - live request detail */
.to-detail-live{position:relative;overflow:hidden}.to-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.to-detail-head h2{margin:7px 0 5px;font-size:20px}.to-detail-head h2 span{color:#aaa}.to-detail-head p{margin:0;color:#777}.to-close-detail{width:34px;height:34px;border:1px solid #ddd;background:#fff;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}.to-live-map{height:310px;margin:18px 0;border-radius:14px;overflow:hidden;background:#e8ece8;border:1px solid #dfe2df}.to-live-map .leaflet-container{font-family:Manrope,Arial,sans-serif}.to-map-missing{height:100%;display:grid;place-items:center;color:#777;font-size:12px;padding:20px;text-align:center}.to-distance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 15px}.to-distance-grid>div{background:#f7f8f8;border-radius:10px;padding:12px}.to-distance-grid span{display:block;color:#999;font-size:8px;font-weight:800;letter-spacing:.5px;margin-bottom:5px}.to-distance-grid b{display:block;font-size:10px;color:#222}.to-price-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#101214;color:#fff;border-radius:12px;padding:16px 18px;margin:12px 0}.to-price-banner span{display:block;color:#aaa;font-size:8px;letter-spacing:1px;font-weight:800}.to-price-banner strong{display:block;color:var(--to-gold);font-size:24px;margin-top:3px}.to-price-banner small{color:#aaa;font-size:9px;text-align:right}.to-empty{background:#fff;border:1px dashed #d9dcde;border-radius:12px;padding:35px;text-align:center;color:#888;font-size:12px}
@media(max-width:900px){.to-distance-grid{grid-template-columns:1fr 1fr}.to-price-banner{align-items:flex-start;flex-direction:column}.to-price-banner small{text-align:left}.to-live-map{height:260px}}


/* Taxi Online 1.24.1 – driver economy is a status banner above the work area */
.to-driver-economy-banner{padding:20px 38px 0;background:#f3f4f5}
.to-driver-economy-banner .to-driver-economy-card{width:100%;box-sizing:border-box}
@media(max-width:760px){.to-driver-economy-banner{padding:14px 0 0}}

/* Taxi Online 1.8.1 - clearer confirmation + frontend chauffeur login */
.to-message.ok{color:#138a3d}.to-confirm-card{display:flex;align-items:flex-start;gap:14px;background:#f2fbf5;border:1px solid #b9e5c8;border-radius:14px;padding:16px 18px;color:#173c25}.to-confirm-icon{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:#21a354;color:#fff;font-weight:800}.to-confirm-card strong{display:block;font-size:12px;letter-spacing:.7px;color:#14783a}.to-confirm-card p{margin:4px 0 0;color:#4c6555;font-size:11px}.to-confirm-link{display:inline-block;margin-top:9px;color:#146f35;font-size:11px;font-weight:800;text-decoration:underline}.to-driver-login-card{width:min(100%,520px);text-align:left}.to-driver-login-card>.to-brand{display:flex;width:max-content;margin:0 auto 30px;background:#050607;padding:14px 18px;border-radius:10px}.to-driver-login-card .to-kicker{text-align:center}.to-driver-login-card h1{text-align:center}.to-driver-login-card>p{text-align:center;margin-bottom:24px}.to-driver-login-form{display:grid;gap:14px}.to-driver-login-form label{display:block}.to-driver-login-form label>span{display:block;font-size:11px;font-weight:700;color:#4f5559;margin-bottom:7px}.to-driver-login-form input[type=text],.to-driver-login-form input[type=password]{width:100%;height:48px;border:1px solid #d8dcdf;border-radius:9px;padding:0 13px;font:500 13px Manrope;color:#111;background:#fff;box-sizing:border-box}.to-driver-login-form input:focus{outline:none;border-color:#c39a00;box-shadow:0 0 0 3px rgba(255,196,0,.14)}.to-driver-login-form .to-btn{width:100%;margin-top:3px}.to-login-remember{display:flex!important;align-items:center;gap:8px}.to-login-remember input{width:16px;height:16px}.to-login-remember span{margin:0!important;font-weight:500!important;color:#777!important}.to-login-error{background:#fff2f1;border:1px solid #e8b8b4;color:#9a332c;border-radius:9px;padding:11px 13px;font-size:11px;margin-bottom:14px}.to-forgot-link,.to-back-link{display:block;text-align:center;font-size:11px;margin-top:16px;color:#777;text-decoration:underline}.to-back-link{margin-top:9px;text-decoration:none;color:#999}
/* Prevent theme styles from turning the request route summary black. The actual map opens in the route dialog. */
.to-ride-card .to-ride-route{background:transparent!important;color:#111!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.to-ride-card .to-ride-route strong{color:#111!important;background:transparent!important}.to-ride-card .to-ride-route small{color:#8a9093!important;background:transparent!important}.to-ride-card .to-ride-route span{color:#a0a5a8!important;background:transparent!important}

/* 1.11 customer portal */
.to-customer-switch{display:block;margin-top:18px;padding:13px 15px;border:1px solid #303337;border-radius:10px;text-align:center;color:#b8bbc0;text-decoration:none;background:#111315}.to-customer-switch strong{color:#ffd000}.to-customer-profile-main{max-width:1100px;margin:0 auto;padding:60px 24px}.to-customer-profile-main>h1{font-size:42px;margin:8px 0}.to-customer-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:30px}.to-profile-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.to-profile-heading span{background:#22252a;border-radius:20px;padding:5px 10px}.to-customer-ride{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid #292c30;background:#111315;border-radius:14px;margin-bottom:10px;color:#fff}.to-customer-ride>div:first-child{display:flex;flex-direction:column;gap:5px}.to-customer-ride small,.to-customer-ride span{color:#8f9399;font-size:12px}.to-customer-ride>div:last-child{text-align:right;display:flex;flex-direction:column;gap:5px;min-width:130px}.to-customer-ride b{font-size:18px;color:#ffd000}.to-customer-ride em{font-style:normal;font-size:12px;color:#b8bbc0}.to-customer-ride a{color:#ffd000;font-weight:800;text-decoration:none}.to-customer-account{border:1px solid #292c30;background:#111315;border-radius:16px;padding:22px;text-align:center;height:max-content}.to-customer-account .large{margin:0 auto 12px}.to-customer-account strong,.to-customer-account span{display:block}.to-customer-account span{color:#8f9399;margin-top:4px}.to-customer-account p{color:#999;font-size:13px;line-height:1.5;margin-top:22px}.to-customer-account p strong{display:inline;color:#ffd000}.to-customer-login-card{max-width:470px}.to-customer-login-card .to-brand{margin-bottom:25px}
@media(max-width:760px){.to-customer-profile-grid{grid-template-columns:1fr}.to-customer-ride{flex-direction:column}.to-customer-ride>div:last-child{text-align:left}.to-customer-profile-main>h1{font-size:32px}}

.to-customer-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 18px}.to-customer-profile-stats>div{background:#111315;border:1px solid #292c30;border-radius:14px;padding:16px 18px;color:#fff}.to-customer-profile-stats small{display:block;color:#8f9399;font-size:10px;font-weight:800;letter-spacing:.08em}.to-customer-profile-stats strong{display:block;color:#ffd000;font-size:22px;margin-top:5px}.to-customer-profile-form{margin-top:20px;text-align:left;border-top:1px solid #292c30;padding-top:18px}.to-customer-profile-form label{display:block;margin:0 0 12px}.to-customer-profile-form label span{display:block;color:#999;font-size:11px;font-weight:800;margin-bottom:5px}.to-customer-profile-form input{width:100%;box-sizing:border-box;background:#0b0d0f;border:1px solid #303337;border-radius:9px;color:#fff;padding:10px 11px}.to-customer-profile-form .to-btn{width:100%;margin-top:4px}.to-profile-message{font-size:12px;color:#aaa;margin-top:9px;min-height:18px}.to-profile-message.ok{color:#9ee6a8}.to-profile-password{display:block;color:#ffd000;text-decoration:none;font-size:12px;font-weight:800;margin-top:14px;text-align:left}.to-customer-account p{font-size:12px}.to-customer-account p strong{display:inline}
@media(max-width:760px){.to-customer-profile-stats{grid-template-columns:repeat(2,1fr)}}

/* 1.18.0 – driver economy */
.to-driver-economy{margin:0 38px 30px;background:#fff;border:1px solid #e0e2e4;border-radius:14px;padding:24px}.to-economy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.to-economy-card{border:1px solid #e5e7e8;border-radius:11px;padding:17px;background:#fafafa}.to-economy-card small{display:block;font-size:9px;color:#888;font-weight:800;letter-spacing:.06em}.to-economy-card strong{display:block;font-size:22px;margin:7px 0 4px}.to-economy-card span{display:block;font-size:9px;color:#858b8f;line-height:1.45}.to-economy-card.is-net{background:#fff9df;border-color:#e5c800}.to-economy-card.is-net strong{color:#9b7900}.to-economy-history{border-top:1px solid #eee;margin-top:8px}.to-economy-history-head{display:flex;justify-content:space-between;align-items:center;padding:18px 0 10px}.to-economy-history-head h3{margin:0;font-size:13px}.to-economy-history-head span{font-size:10px;color:#888}.to-economy-row{display:grid;grid-template-columns:minmax(0,1fr) 220px 105px;gap:16px;align-items:center;border-top:1px solid #eee;padding:13px 0}.to-economy-row div:first-child small,.to-economy-row div:nth-child(2) small{display:block;font-size:9px;color:#8a9093}.to-economy-row div:first-child strong{display:block;font-size:11px;margin-top:3px}.to-economy-row div:nth-child(2){text-align:right}.to-economy-row div:nth-child(2)>span{display:block;font-size:12px;font-weight:800}.to-economy-row em{font-style:normal;font-size:9px;text-align:right}.to-economy-row em.is-paid{color:#238b49}.to-economy-row em.is-unpaid{color:#a07800}.to-economy-total{margin-top:16px;padding:15px 0 0;border-top:1px solid #eee;display:grid;grid-template-columns:1fr auto;gap:3px 20px}.to-economy-total span{font-size:10px;color:#777}.to-economy-total strong{font-size:13px;text-align:right}.to-economy-total small{grid-column:1/-1;font-size:9px;color:#92979a}
@media(max-width:1100px){.to-economy-grid{grid-template-columns:repeat(2,1fr)}.to-driver-economy{margin:0 0 30px}.to-economy-row{grid-template-columns:1fr 180px 90px}}
@media(max-width:760px){.to-driver-economy{margin:0 14px 25px;padding:18px}.to-economy-grid{grid-template-columns:1fr 1fr}.to-economy-row{grid-template-columns:1fr;gap:7px}.to-economy-row div:nth-child(2),.to-economy-row em{text-align:left}.to-economy-total{grid-template-columns:1fr}.to-economy-total strong{text-align:left}}
.to-economy-vat-note{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid #e5e7e8;border-radius:11px;background:#fafafa}.to-economy-vat-note strong{font-size:11px}.to-economy-vat-note span{font-size:10px;color:#777;text-align:right}@media(max-width:760px){.to-economy-vat-note{display:block}.to-economy-vat-note span{display:block;text-align:left;margin-top:6px}}
