:root{--ink:#0b2c23;--lime:#d8ff45;--paper:#f4f1e8;--muted:#687970;--line:#d9ded8;--red:#b8472d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}button{border:0;background:var(--ink);color:#fff;padding:13px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}header{height:76px;background:#fff;border-top:6px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 19px Manrope}.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%}.brand small{font-size:8px;letter-spacing:.15em;color:#728079}.header-actions{display:flex;gap:8px}.quiet{background:#edf0eb;color:var(--ink)}main{max-width:1180px;margin:auto;padding:70px 22px 100px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#74951e}.login-card,.pending-card{max-width:620px;margin:40px auto;background:#fff;padding:clamp(28px,6vw,60px);box-shadow:0 30px 80px #17372b18}.login-card h1,.welcome h1{font:800 clamp(39px,6vw,64px)/1 Manrope;letter-spacing:-.06em;margin:13px 0}.login-card em{font-family:Georgia,serif;color:#667a61;font-weight:400}.login-card>p{color:var(--muted);line-height:1.65}.login-card form{display:grid;gap:12px;margin-top:28px}.login-card label{font-size:11px;font-weight:800;letter-spacing:.08em}.login-card input{width:100%;border:1px solid var(--line);padding:16px;margin-top:8px;font-size:16px}.primary{background:var(--lime);color:var(--ink);font-size:15px}.message{min-height:22px}.register-link{color:var(--ink);font-weight:700}.pending-card{text-align:center}.status-icon{font-size:38px}.pending-card h2{font:800 34px Manrope}.welcome{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.welcome h1{font-size:clamp(42px,6vw,66px)}.welcome p{color:var(--muted)}.online{background:#fff;padding:17px 22px;display:grid;grid-template-columns:12px 1fr;gap:2px 9px;min-width:220px}.online i{width:10px;height:10px;background:#61aa36;border-radius:50%;margin-top:5px;box-shadow:0 0 0 5px #61aa3620}.online small{grid-column:2;color:var(--muted)}.notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:#e7f0df;border-left:5px solid #8bac27;padding:17px 20px;margin-bottom:25px}.notice p{margin:4px 0;color:var(--muted);font-size:13px}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{background:transparent;color:var(--muted);padding:14px 17px}.tabs button.active{background:var(--ink);color:#fff}.tabs #refresh{margin-left:auto}.ride-list{display:grid;gap:14px}.ride-card{background:#fff;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr auto;gap:16px}.ride-card.new{border-left:6px solid var(--lime)}.ride-card h3{margin:5px 0;font:800 22px Manrope}.route{font-size:18px;font-weight:700}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.pill{background:#eef1ec;padding:7px 9px;font-size:11px;font-weight:700}.ride-actions{display:flex;gap:8px;align-items:center}.accept{background:var(--lime);color:var(--ink)}.reject{background:#fff;color:var(--red);border:1px solid #e3b7ac}.empty{background:#fff;padding:55px;text-align:center;color:var(--muted)}dialog{width:min(900px,calc(100% - 24px));border:0;padding:0;background:#fff;color:var(--ink);max-height:92vh}dialog::backdrop{background:#06241dcc;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;padding:23px 26px}.dialog-head h2{margin:5px 0}.dialog-head button{background:transparent;color:var(--ink);font-size:30px;padding:0}#map{height:330px;background:#dce5dc}#rideDetail{padding:26px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail{background:#f3f5f1;padding:14px}.detail small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.detail strong{display:block;margin-top:6px}.customer{background:#e7f0df;padding:18px;margin:16px 0}.customer a{color:var(--ink);font-weight:800}.workflow{display:flex;gap:9px;flex-wrap:wrap}.workflow button{flex:1;min-width:150px}.share-live.active{background:#b8472d}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:#fff;padding:14px 20px;opacity:0;pointer-events:none;transition:.25s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){header{height:68px;padding:0 14px}.brand img{width:40px;height:40px}main{padding:35px 14px 90px}.welcome{display:block}.online{margin-top:20px}.notice{grid-template-columns:auto 1fr}.notice button{grid-column:2}.ride-card{grid-template-columns:1fr}.ride-actions{flex-wrap:wrap}.ride-actions button{flex:1}.detail-grid{grid-template-columns:1fr 1fr}#map{height:270px}}

.fare-proposal{background:#fff4cf;border-left:5px solid #d8a928;padding:18px;margin:16px 0}.fare-proposal strong{font:800 24px Manrope}.fare-proposal p{margin:7px 0}.fare-proposal small{color:#6f5d20}
.drop-navigation{border-left:5px solid #d8a928}.payment-qr-card{text-align:center;border:2px solid var(--lime);background:#f7faef}.payment-qr-card strong{display:block;font:800 23px Manrope}.payment-qr-card small{display:block;color:var(--muted);margin:8px 0 13px}.driver-payment-qr{display:block;width:min(260px,100%);aspect-ratio:1;object-fit:contain;margin:16px auto 8px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:14px}.payment-qr-card button{display:block;margin:12px auto 0}
@import url("/responsive.css?v=20260930");


.driver-customer{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;background:#e7f0df;border-left:4px solid var(--lime)}.driver-customer strong{font-weight:800}.driver-customer a{margin-left:auto;color:var(--ink);font-weight:800;text-decoration:none}.contact-locked{margin:12px 0 0;color:var(--muted);font-size:12px}@media(max-width:700px){.driver-customer{align-items:flex-start;flex-direction:column}.driver-customer a{margin-left:0}}

.earnings-panel{background:var(--ink);color:#fff;padding:clamp(22px,4vw,38px);margin:0 0 30px}.earnings-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.earnings-heading h2{font:800 clamp(25px,3vw,36px)/1.1 Manrope;margin:7px 0}.earnings-heading>p{max-width:430px;color:#bdcbc5;line-height:1.55}.earnings-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.earning-card{position:relative;background:#fff;color:var(--ink);padding:18px;min-height:150px}.earning-card small,.payout-schedule small{display:block;font-size:9px;letter-spacing:.13em;font-weight:800;color:var(--muted)}.earning-card strong{display:block;font:800 clamp(22px,3vw,31px) Manrope;margin:21px 0 4px}.earning-card p{font-size:11px;color:var(--muted);margin:0}.earning-icon{display:block;width:28px;height:28px;border-radius:50%;background:var(--lime)}.earning-card.wallet .earning-icon:after{content:"₹";display:grid;place-items:center;height:100%;font-weight:800}.earning-card.calendar .earning-icon:after{content:"▦";display:grid;place-items:center;height:100%}.earning-card.schedule .earning-icon:after{content:"◷";display:grid;place-items:center;height:100%}.earning-card.paid .earning-icon:after{content:"✓";display:grid;place-items:center;height:100%}.monthly-breakdown{margin-top:12px;background:#153d32}.monthly-breakdown summary{display:flex;justify-content:space-between;cursor:pointer;padding:17px 19px;font-weight:800;list-style:none}.monthly-breakdown summary::-webkit-details-marker{display:none}.monthly-table{padding:0 19px 14px}.monthly-row{display:grid;grid-template-columns:1.5fr .55fr 1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid #ffffff20;align-items:center}.monthly-row span{text-align:right}.monthly-head{font-size:10px;letter-spacing:.08em;color:#bdcbc5}.monthly-head span:first-child{text-align:left}.empty-months{padding:0 19px 18px;color:#bdcbc5}.payout-schedule{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff20;margin-top:12px}.payout-schedule>div{display:flex;align-items:center;gap:13px;background:#153d32;padding:16px 18px}.payout-schedule p{margin:0}.payout-schedule strong{display:block;margin-top:5px}.schedule-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:900}@media(max-width:850px){.earnings-summary{grid-template-columns:1fr 1fr}.earnings-heading{display:block}}@media(max-width:540px){.earnings-panel{margin-left:-14px;margin-right:-14px}.earnings-summary{grid-template-columns:1fr 1fr}.earning-card{padding:14px;min-height:135px}.payout-schedule{grid-template-columns:1fr}.monthly-row{grid-template-columns:1.25fr .45fr 1fr}.monthly-row span:last-child{display:none}.earnings-heading>p{font-size:13px}}

/* Driver command centre — original HillHop interface, optimized for one-handed use. */
body{background:#eef1ec}body:has(#dashboard:not([hidden])) header{height:64px;border-top:0;box-shadow:0 1px 0 #dfe5df}body:has(#dashboard:not([hidden])) main{padding-top:24px;padding-bottom:120px;max-width:1020px}.driver-command{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#082c23 0%,#124b3a 100%);color:#fff;border-radius:28px;padding:24px 26px;box-shadow:0 18px 45px #0b2c2324}.driver-greeting{display:flex;align-items:center;gap:16px}.driver-greeting .avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:#d8ff45;font-size:27px}.driver-greeting h1{font:800 clamp(25px,4vw,38px)/1 Manrope;margin:5px 0 8px;letter-spacing:-.04em}.driver-greeting p{margin:0;color:#c7d5cf}.driver-greeting .eyebrow{color:#d8ff45}.availability{display:flex;align-items:center;gap:12px;min-width:178px;background:#fff;color:#19342c;border-radius:18px;padding:13px 16px;text-align:left}.availability small{display:block;color:#718079;margin-top:2px}.availability-dot{width:13px;height:13px;border-radius:50%;background:#98a39e;box-shadow:0 0 0 6px #98a39e22}.availability.is-online .availability-dot{background:#61bd52;box-shadow:0 0 0 6px #61bd5228}.quick-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:14px 0 26px}.quick-strip>div,.quick-strip>button{background:#fff;border:1px solid #dde3dd;border-radius:18px;padding:16px 18px}.quick-strip small{display:block;color:#748078;font-size:9px;font-weight:800;letter-spacing:.12em}.quick-strip strong{display:block;font:800 22px Manrope;margin-top:4px}.quick-strip button{color:#0b2c23;display:flex;align-items:center;gap:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 14px}.section-heading h2{font:800 clamp(24px,4vw,34px) Manrope;margin:5px 0}.icon-button{width:44px;height:44px;padding:0;border-radius:50%;font-size:23px}.ride-list{gap:12px}.ride-card{border:0;border-radius:24px;padding:22px;box-shadow:0 8px 30px #183b2d10}.ride-card.new{border-left:0;box-shadow:inset 5px 0 #d8ff45,0 8px 30px #183b2d10}.ride-card h3{font-size:21px;line-height:1.25}.pill{border-radius:999px;background:#f0f3ef;padding:7px 11px}.ride-actions button{border-radius:14px;min-height:46px}.driver-customer{border:0;border-radius:15px;background:#eef7df}.empty{border-radius:24px;padding:70px 20px}.empty>span{display:block;font-size:35px;margin-bottom:14px}.empty strong{display:block;color:#0b2c23;font:800 22px Manrope}.driver-nav{position:fixed;z-index:30;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:min(520px,calc(100% - 24px));padding:7px;background:#092c23;border-radius:22px;box-shadow:0 15px 45px #05221955}.driver-nav button{position:relative;display:grid;place-items:center;gap:2px;background:transparent;color:#aebcb6;border-radius:16px;padding:9px 15px;font-size:11px}.driver-nav button span{font-size:20px;line-height:1}.driver-nav button strong{font-size:10px}.driver-nav button.active{background:#d8ff45;color:#0b2c23}.driver-nav button b{position:absolute;right:14px;top:7px;background:#fff;color:#0b2c23;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;font-size:9px}.earnings-panel{border-radius:28px;margin-bottom:0}.workspace-view[hidden]{display:none!important}dialog{border-radius:26px;overflow:hidden}.dialog-head{position:sticky;top:0;background:#fff;z-index:3}#rideDetail{padding-bottom:34px}.workflow{position:sticky;bottom:0;background:#fff;padding-top:12px}.workflow button{border-radius:14px;min-height:48px}
@media(max-width:700px){body:has(#dashboard:not([hidden])) header{height:58px}body:has(#dashboard:not([hidden])) main{padding:12px 12px 112px}.driver-command{border-radius:22px;padding:18px;display:block}.driver-greeting .avatar{width:48px;height:48px;border-radius:15px}.driver-greeting h1{font-size:25px}.availability{width:100%;margin-top:17px;justify-content:center}.quick-strip{grid-template-columns:1fr 1fr}.quick-strip>div,.quick-strip>button{padding:13px}.quick-strip button{grid-column:1/-1;justify-content:center}.ride-card{padding:18px;border-radius:20px}.earnings-panel{margin-left:0;margin-right:0;border-radius:22px}.detail-grid{grid-template-columns:1fr}.driver-nav{bottom:max(8px,env(safe-area-inset-bottom))}}