.role-bar{height:68px;background:#fff;border-bottom:1px solid #e5e9ed;display:flex;align-items:center;padding:0 3%;position:relative;z-index:20}.role-brand{width:125px;height:65px;overflow:hidden}.role-brand img{width:118px;height:118px;object-fit:cover;transform:translateY(-26px)}.role-switch{margin:auto;display:flex;background:#f1f3f5;padding:4px;border-radius:10px}.role-button{border:0;background:transparent;color:#747d89;border-radius:7px;padding:8px 17px;font-size:11px;font-weight:700;cursor:pointer}.role-button.active{background:#fff;color:#101827;box-shadow:0 2px 8px #17223512}.role-profile{width:34px;height:34px;border:0;border-radius:50%;background:#def7ee;color:#087c5b}.portal{min-height:calc(100vh - 68px)}.customer-portal{display:grid;grid-template-columns:minmax(420px,42%) 1fr;background:#fff}.booking-copy{padding:8vh clamp(30px,6vw,90px)}.eyebrow{font-size:9px;color:#07865e;font-weight:800;letter-spacing:.12em}.booking-copy h1,.driver-top h1{font:800 clamp(36px,4vw,56px)/1.05 Manrope;margin:0;letter-spacing:-2px}.booking-copy>p,.driver-top p{color:#7c8590}.booking-card{margin-top:30px;border:1px solid #e5e9ed;border-radius:16px;padding:20px;box-shadow:0 18px 50px #17223512}.booking-card>label{display:grid;gap:5px;padding:9px 13px;border:1px solid #e5e9ed}.booking-card label span{font-size:8px;font-weight:800;color:#939ba5}.booking-card input{border:0;outline:0;font-weight:600}.ride-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.ride-type{border:1px solid #e5e9ed;background:#fff;border-radius:10px;padding:11px 7px;display:grid;text-align:left}.ride-type.selected{border-color:#23c891;background:#effbf7}.ride-type b{font-size:10px}.ride-type small,.safe{font-size:8px;color:#8b949e}.book-ride{height:48px;width:100%;border:0;border-radius:10px;background:#101827;color:#fff;font-weight:700}.safe{display:block;text-align:center;margin-top:11px}.customer-map,.driver-map{position:relative;overflow:hidden;background-color:#e7ece7;background-image:linear-gradient(36deg,transparent 47%,#d1d9d2 48%,#d1d9d2 50%,transparent 51%),linear-gradient(110deg,transparent 47%,#d7ddd7 48%,#d7ddd7 50%,transparent 51%);background-size:180px 140px,230px 180px}.car-marker{position:absolute;background:#fff;padding:7px 9px;border-radius:8px;box-shadow:0 5px 15px #17223530;z-index:2}.cm1{left:28%;top:24%}.cm2{left:65%;top:38%}.cm3{left:42%;bottom:22%}.you-pin{position:absolute;left:48%;top:48%;width:34px;height:34px;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;background:#23c891;color:#fff}.eta-card{position:absolute;left:25px;bottom:25px;background:#fff;border-radius:12px;padding:13px 17px;display:grid;box-shadow:0 12px 30px #1722352b}.eta-card span{font-size:9px;color:#858e98}.eta-card b{font-size:12px}.driver-portal{padding:36px 5%;background:#f4f6f8}.driver-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.driver-top h1{font-size:34px}.online-toggle{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e9ed;border-radius:12px;padding:10px 14px;font-size:11px}.online-toggle input{display:none}.online-toggle i{width:38px;height:22px;background:#cad0d5;border-radius:20px;position:relative}.online-toggle i:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px}.online-toggle input:checked+i{background:#23c891}.online-toggle input:checked+i:after{left:19px}.driver-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.driver-map{height:580px;border-radius:14px}.driver-pin{position:absolute;left:46%;top:45%;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#101827;color:#fff;border:4px solid #fff;font-size:9px;font-weight:800}.heat{position:absolute;width:160px;height:160px;border-radius:50%;background:#23c89155;filter:blur(10px)}.h1{left:25%;top:18%}.h2{right:18%;bottom:15%;background:#e59a2c55}.demand{position:absolute;left:20px;bottom:20px;background:#fff;border-radius:10px;padding:12px;font-size:9px}.offers{display:grid;gap:11px;align-content:start}.offer-head,.offer-price{display:flex;justify-content:space-between}.offer-head{font-size:9px;font-weight:800}.offer{background:#fff;border:1px solid #e5e9ed;border-radius:14px;padding:18px}.offer-price b{font:800 24px Manrope}.offer-price small,.compact small{font-size:9px;color:#858e98}.route{margin:18px 0}.route p{display:flex;gap:11px;font-size:11px;font-weight:700}.route span,.compact div{display:grid}.route small{font-size:7px;color:#929aa4}.accept-ride{height:42px;width:100%;border:0;border-radius:9px;background:#101827;color:#fff;font-size:11px;font-weight:700}.accept-ride.accepted{background:#23c891}.compact{display:flex;align-items:center;justify-content:space-between}.compact b{font-size:11px}.compact .accept-ride{width:auto;padding:0 14px}.offers.offline{opacity:.4;pointer-events:none}@media(max-width:760px){.role-brand{width:72px}.role-brand img{width:78px;height:100px}.role-button{padding:8px 9px}.role-profile{display:none}.customer-portal,.driver-grid{grid-template-columns:1fr}.booking-copy{padding:38px 20px}.customer-map{height:390px}.driver-portal{padding:28px 16px}.driver-map{height:350px}}