:root{--bg:#f4f6f4;--surface:#ffffff;--surface-strong:#f9fbfa;--text:#17201d;--muted:#66736f;--line:rgba(24,34,30,0.1);--tint:#197d69;--mint:#31a67f;--gold:#c78b2b;--coral:#d85c4a;--blue:#326fa8;--shadow:0 18px 48px rgba(21,37,33,0.12);--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#101513;--surface:#171d1b;--surface-strong:#1e2623;--text:#edf4f1;--muted:#a3b0ab;--line:rgba(237,244,241,0.11);--shadow:0 18px 48px rgba(0,0,0,0.4)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell,.authShell{display:grid;min-height:100vh;background:var(--bg)}.appShell{grid-template-columns:280px minmax(0,1fr)}.appShell[data-theme=light],.authShell[data-theme=light]{--bg:#f4f6f4;--surface:#ffffff;--surface-strong:#f9fbfa;--text:#17201d;--muted:#66736f;--line:rgba(24,34,30,0.1);--shadow:0 18px 48px rgba(21,37,33,0.12)}.appShell[data-theme=dark],.authShell[data-theme=dark]{--bg:#101513;--surface:#171d1b;--surface-strong:#1e2623;--text:#edf4f1;--muted:#a3b0ab;--line:rgba(237,244,241,0.11);--shadow:0 18px 48px rgba(0,0,0,0.4)}.authShell{grid-template-columns:minmax(0,1.1fr) minmax(360px,.6fr);gap:24px;padding:24px}.authHero,.authPanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.authHero{display:grid;align-content:space-between;min-height:calc(100vh - 48px);padding:28px;overflow:hidden}.authCopy h1{max-width:760px;margin:8px 0 0;font-size:64px;line-height:.98}.authChecklist span,.authCopy p,.authPanel p{color:var(--muted)}.authCopy p{margin:0;color:var(--tint);font-weight:800}.authMap{max-width:720px}.authPanel{align-self:center;display:grid;grid-gap:16px;gap:16px;padding:22px;box-shadow:var(--shadow)}.authPanel svg{color:var(--tint)}.authPanel h2{margin:0;font-size:28px}.authPanel p{margin:0;line-height:1.5}.authChecklist{display:grid;grid-gap:10px;gap:10px}.authChecklist span{display:flex;align-items:center;gap:8px}.sidebar{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;gap:24px;height:100vh;padding:22px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent)}.brandMark,.driverBlock,.messageHeader,.miniRow,.paymentLine{display:flex;align-items:center;gap:12px}.brandMark strong{display:block;font-size:20px}.bookingBox span,.brandMark span,.bubble small,.conversationButton small,.detailHeader p,.field span,.metricCard span,.pageHeader p,.trustCard span{color:var(--muted);font-size:13px}.brandIcon{display:grid;width:46px;height:46px;place-items:center;color:white;background:linear-gradient(135deg,var(--tint),var(--mint));border-radius:8px}.navStack{display:grid;grid-gap:8px;gap:8px}.conversationButton,.iconButton,.navButton,.primaryAction,.rideCardMain,.routeChips button,.secondaryAction,.selectButton,.stepper button,.toggleRow{border:0}.navButton{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;color:var(--muted);background:transparent;border-radius:8px;text-align:left}.navButton.active{color:var(--text);background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--line)}.conversationList,.detailPanel,.emptyState,.messagePane,.metricCard,.profileHero,.rideCard,.searchBox,.toggleRow,.tripCard,.trustCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.trustCard{margin-top:auto;display:grid;grid-gap:8px;gap:8px;padding:16px}.trustCard svg{color:var(--mint)}.mainPanel{min-width:0;padding:28px}.searchLayout{display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-gap:24px;gap:24px}.contentStack,.searchColumn{display:flex;flex-direction:column;gap:18px;min-width:0}.pageHeader h1{max-width:780px;margin:4px 0 0;font-size:64px;line-height:.98}.pageHeader.small h1{font-size:44px;line-height:1.05}.pageHeader p{margin:0;font-weight:700;color:var(--tint)}.searchBox{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));grid-gap:12px;gap:12px;padding:14px;box-shadow:none}.field{display:grid;grid-gap:8px;gap:8px}.field input,.field select,.selectButton,.stepper{min-height:46px;width:100%;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);border-radius:8px}.field input,.field select{padding:0 12px}.field input,.textareaField textarea{outline:0}.field input:focus,.field select:focus,.textareaField textarea:focus{border-color:color-mix(in srgb,var(--tint) 58%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 14%,transparent)}.selectButton{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px}.stepper{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;overflow:hidden}.stepper strong{text-align:center}.stepper button{height:44px;color:var(--text);background:transparent}.routeChips{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.routeChips button{flex:0 0 auto;padding:10px 13px;color:var(--tint);background:color-mix(in srgb,var(--tint) 10%,transparent);border-radius:999px;font-weight:700}.resultsHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.resultsHeader h2,.sectionTitle{margin:0;font-size:22px}.resultsHeader span{color:var(--muted)}.rideList{display:grid;grid-gap:12px;gap:12px}.rideCard{position:relative;display:grid;grid-template-columns:1fr auto;padding:12px;box-shadow:none}.rideCard.selected{border-color:color-mix(in srgb,var(--tint) 50%,var(--line))}.rideCardMain{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:12px;gap:12px;color:inherit;background:transparent;text-align:left}.profileHero h2,.rideCard h3,.tripCard h2{margin:4px 0;font-size:20px}.infoRow p,.profileHero p,.rideCard p,.tripCard p{margin:0;color:var(--muted);line-height:1.45}.actionRow,.bookingBox,.cardTopline,.detailHeader,.metaLine{display:flex;align-items:center;justify-content:space-between;gap:12px}.metaLine{justify-content:flex-start;flex-wrap:wrap;margin-top:12px}.metaLine span,.preferenceGrid span,.rating,.status,.verified{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:var(--surface-strong);color:var(--muted);font-size:13px;font-weight:700}.rating{color:var(--gold)}.iconButton,.rating small{color:var(--muted)}.iconButton{width:40px;height:40px;background:var(--surface-strong);border-radius:999px}.iconButton.saved{color:var(--coral)}.detailPanel{position:-webkit-sticky;position:sticky;top:28px;display:flex;flex-direction:column;gap:16px;align-self:start;padding:16px}.corridorMap{position:relative;height:190px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(50,111,168,.22),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--mint) 18%,var(--surface)),var(--surface-strong));border-radius:8px}.mapWater{position:absolute;right:-40px;top:0;width:170px;height:220px;background:color-mix(in srgb,var(--blue) 32%,transparent);transform:rotate(16deg);border-radius:80px}.mapLine{position:absolute;left:42px;right:52px;top:92px;display:flex;justify-content:space-between;border-top:4px solid var(--tint)}.mapLine span{width:14px;height:14px;margin-top:-9px;background:var(--gold);border:3px solid var(--surface);border-radius:999px}.mapCities{position:absolute;inset:auto 22px 22px;display:flex;justify-content:space-between}.mapCities strong{padding:8px 10px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--line);border-radius:8px}.detailHeader strong{font-size:28px}.verified{margin-left:auto;color:var(--mint)}.timeline{display:grid;grid-gap:12px;gap:12px}.infoRow{display:grid;grid-template-columns:22px 1fr;grid-gap:10px;gap:10px}.infoRow svg{color:var(--tint);margin-top:2px}.preferenceGrid{display:flex;flex-wrap:wrap;gap:8px}.bookingBox{padding:12px;background:var(--surface-strong);border-radius:8px}.bookingBox>div{display:grid;grid-gap:8px;gap:8px}.primaryAction,.secondaryAction{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:8px;font-weight:800}.primaryAction{color:white;background:linear-gradient(135deg,var(--tint),var(--mint))}.primaryAction.compact{min-width:120px}.secondaryAction{color:var(--tint);background:color-mix(in srgb,var(--tint) 11%,transparent)}.secondaryAction.danger,.toggleRow.danger{color:var(--coral);background:color-mix(in srgb,var(--coral) 10%,transparent)}.secondaryAction.selected{color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint) 40%,var(--line))}.composer button:disabled,.composer input:disabled,.primaryAction:disabled,.secondaryAction:disabled{cursor:not-allowed;opacity:.58}.sheetOverlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:rgba(10,14,13,.48)}.checkoutSheet{display:grid;grid-gap:16px;gap:16px;width:min(480px,100%);padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.checkoutDriver,.paymentChoice,.sheetHeader{display:flex;align-items:center;gap:12px}.sheetHeader{justify-content:space-between}.sheetHeader p{margin:0;color:var(--tint);font-size:13px;font-weight:800}.sheetHeader h2{margin:4px 0 0}.checkoutDriver span,.paymentChoice span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.priceBreakdown{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;padding:14px;background:var(--surface-strong);border-radius:8px}.priceBreakdown span{color:var(--muted)}.priceBreakdown span:last-of-type,.priceBreakdown strong:last-child{padding-top:10px;border-top:1px solid var(--line);color:var(--text)}.paymentChoice{padding:12px;border:1px solid var(--line);border-radius:8px}.demoNotice,.integrationCard,.listingForm,.profileDetails,.reportForm,.reviewForm,.safetyPanel,.themeControl{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.demoNotice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;color:var(--muted)}.listingForm{display:grid;grid-gap:14px;gap:14px;padding:16px}.listingForm p{margin:6px 0 0;color:var(--muted)}.formGrid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));grid-gap:12px;gap:12px}.notesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.textareaField{display:grid;grid-gap:8px;gap:8px}.textareaField span{color:var(--muted);font-size:13px}.textareaField textarea{min-height:86px;resize:vertical;width:100%;padding:12px;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;font:inherit}.profileDetails,.reportForm,.reviewForm{display:grid;grid-gap:12px;gap:12px;padding:16px}.composer input,.reportForm textarea,.reviewForm textarea{width:100%;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;outline:0}.reportForm textarea,.reviewForm textarea{min-height:88px;resize:vertical;padding:12px}.starPicker{display:flex;gap:4px}.starPicker button{display:grid;width:34px;height:34px;place-items:center;color:var(--muted);background:var(--surface-strong);border:0;border-radius:8px}.starPicker button.active{color:var(--gold)}.safetyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.integrationCard,.safetyPanel{display:grid;align-content:start;grid-gap:10px;gap:10px;padding:16px}.integrationCard svg,.safetyPanel svg{color:var(--tint)}.safetyPanel h2{margin:0;font-size:20px}.integrationCard span,.reportForm p,.safetyPanel p{margin:0;color:var(--muted);line-height:1.45}.preferenceGrid button{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;color:var(--muted);background:var(--surface-strong);border:1px solid transparent;border-radius:999px;font-weight:700}.preferenceGrid button.selected{color:var(--tint);border-color:color-mix(in srgb,var(--tint) 35%,var(--line));background:color-mix(in srgb,var(--tint) 11%,transparent)}.gridCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px}.tripCard{display:grid;grid-gap:12px;gap:12px;padding:16px;box-shadow:none}.status{width:-moz-fit-content;width:fit-content;color:var(--tint);background:color-mix(in srgb,var(--tint) 12%,transparent);text-transform:capitalize}.status.authorized,.status.pending{color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent)}.status.canceled,.status.refunded,.status.voided{color:var(--coral);background:color-mix(in srgb,var(--coral) 13%,transparent)}.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.metricCard{display:grid;grid-gap:8px;gap:8px;padding:16px;box-shadow:none}.metricCard svg{color:var(--tint)}.metricCard strong{font-size:28px}.inboxLayout{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:18px;gap:18px}.conversationList,.messagePane{padding:16px;box-shadow:none}.conversationList{display:grid;align-content:start;grid-gap:10px;gap:10px}.conversationButton{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:10px;color:inherit;background:transparent;border-radius:8px;text-align:left}.conversationButton.active{background:var(--surface-strong)}.conversationButton span{min-width:0}.conversationButton small,.conversationButton strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messagePane{min-height:620px;display:flex;flex-direction:column;gap:14px}.messageStack{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;gap:10px}.bubble{max-width:72%;display:grid;grid-gap:5px;gap:5px;align-self:flex-start;padding:11px 12px;background:var(--surface-strong);border-radius:8px}.bubble.mine{align-self:flex-end;color:white;background:var(--tint)}.bubble.mine small{color:rgba(255,255,255,.78)}.composer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:var(--surface-strong);border-radius:8px}.composer span{color:var(--muted)}.composer button,.composer input{min-height:38px;padding:0 12px}.composer button{display:inline-flex;align-items:center;gap:8px;color:white;background:var(--tint);border:0;border-radius:8px}.profileHero{display:grid;grid-template-columns:84px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center;padding:18px;box-shadow:none}.settingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:12px;gap:12px}.toggleRow{display:grid;grid-template-columns:24px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:14px;color:inherit;box-shadow:none;text-align:left}.toggleRow svg{color:var(--tint)}.themeControl{display:grid;grid-gap:12px;gap:12px;padding:14px}.themeControl>div:first-child{display:flex;align-items:center;gap:10px}.themeControl svg{color:var(--tint)}.themeOptions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.themeOptions button{min-height:36px;color:var(--muted);background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;text-transform:capitalize}.themeOptions button.active{color:white;background:var(--tint);border-color:var(--tint)}.avatar{display:grid;width:48px;height:48px;place-items:center;color:white;background:linear-gradient(135deg,var(--tint),var(--blue));border-radius:999px;font-weight:900}.avatar.large{width:84px;height:84px;font-size:24px}.emptyState{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:44px 20px;box-shadow:none;text-align:center}.emptyState svg{color:var(--tint)}.emptyState p{max-width:340px;margin:0;color:var(--muted)}.toast{position:fixed;right:24px;top:24px;z-index:20;display:flex;align-items:center;gap:9px;max-width:min(420px,calc(100vw - 48px));min-height:44px;padding:0 14px;color:white;background:var(--tint);border:0;border-radius:8px;box-shadow:var(--shadow);text-align:left}@media (max-width:1080px){.authShell{grid-template-columns:1fr}.authHero{min-height:560px}.authPanel{align-self:stretch}.appShell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;inset:auto 12px 12px;height:auto;padding:8px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.brandMark,.trustCard{display:none}.navStack{grid-template-columns:repeat(7,1fr)}.navButton{justify-content:center;padding:9px 5px;font-size:12px}.mainPanel{padding:18px 18px 104px}.inboxLayout,.safetyGrid,.searchLayout{grid-template-columns:1fr}.pageHeader h1{font-size:52px}.pageHeader.small h1{font-size:38px}.detailPanel{position:static}}@media (max-width:760px){.authShell{padding:14px}.authHero{min-height:520px;padding:18px}.authCopy h1{font-size:42px}.formGrid,.metricGrid,.searchBox{grid-template-columns:1fr}.pageHeader h1{font-size:40px}.pageHeader.small h1{font-size:32px}.navButton{gap:4px;flex-direction:column;font-size:10px}.profileHero,.rideCardMain{grid-template-columns:1fr}.actionRow,.bookingBox,.cardTopline,.demoNotice{align-items:flex-start;flex-direction:column}.bubble{max-width:92%}.sheetOverlay{align-items:end;padding:10px}.checkoutSheet{max-height:calc(100vh - 20px);overflow:auto}.toast{top:12px;right:12px;max-width:calc(100vw - 24px)}.composer{align-items:stretch;flex-direction:column}}