:root{background:#e3ece9;color:#101615;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,#f7fbfa 0,#e3ece9 48%,#c8d8d4)}.panel{width:min(800px,100%);background:#fff;border:1px solid #dbe7e4;border-radius:18px;padding:24px;box-shadow:0 24px 70px #08201e24}header{display:flex;justify-content:space-between;align-items:center;gap:12px}header div{display:grid;gap:2px}header span{color:#60736f;font-size:12px;font-weight:800}h1{font-size:36px;letter-spacing:0;margin:22px 0 6px}.lead{margin:0 0 18px;color:#60736f;font-weight:650}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #dbe7e4;border-radius:14px;background:#f4faf8;margin-bottom:12px}.template div{display:grid;gap:4px}.template span{color:#60736f;font-size:12px;font-weight:900}.template strong{font-size:15px}.template button{width:auto;min-width:132px;margin:0;box-shadow:none;background:#eef3f2;color:#101615}label{display:grid;gap:6px;color:#60736f;font-size:13px;font-weight:800}input,select{min-height:46px;border:1px solid #cddbd8;border-radius:10px;padding:0 12px;color:#101615;font-weight:750;background:#fbfdfc}.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:48px}.password-toggle{position:absolute;top:1px;right:1px;width:44px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;color:#315c58;padding:0;margin:0;box-shadow:none}.password-hint{color:#60736f;font-size:12px;font-weight:650}button{min-height:48px;width:100%;border:0;border-radius:10px;background:#073f3c;color:#fff;font-weight:900;margin-top:14px;box-shadow:0 12px 26px #073f3c33}.quote,.booking-card{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 18px;border:1px solid #dbe7e4;border-radius:14px;padding:16px;margin-top:12px;background:#f4faf8}.quote span,.booking-card span{color:#60736f;font-size:13px;font-weight:800}.quote strong,.booking-card strong{display:block;color:#073f3c;font-size:40px;margin-top:4px;white-space:nowrap}.booking-card strong{font-size:24px}.quote p,.booking-card p{grid-column:1 / -1;margin:0;color:#60736f;font-size:13px}.booking-card button{grid-column:1 / -1;margin-top:4px}.driver-card{grid-column:1 / -1;display:grid;gap:6px;padding:12px;border:1px solid #dbe7e4;border-radius:10px;background:#fff}.driver-card strong{font-size:18px;margin:0}.driver-card a{color:#073f3c;font-weight:900}.success{background:#dff5ee;color:#0e5e53;padding:12px;border-radius:10px;font-weight:800}.auth-card{display:grid;gap:14px;width:min(100%,420px);align-self:start}.auth-card h1{margin-top:0}.auth-switch{margin-top:0;background:transparent;color:#073f3c;box-shadow:none}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.badge-good{background:#dff5ee;color:#0e5e53}.badge-neutral{background:#eef3f2;color:#344541}.badge-warn{background:#fff0df;color:#8a4b14}.badge-danger{background:#ffe5e5;color:#9b1c1c}@media(max-width:700px){.shell{padding:0;place-items:stretch}.panel{min-height:100vh;border-radius:0;border:0}.form,.quote,.booking-card,.template{grid-template-columns:1fr}h1{font-size:29px}.quote strong{font-size:34px}.template button{width:100%}}.hotel-preview{min-height:100vh;background:#f3f6f5;color:#16201e}.preview-topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;border-bottom:1px solid #d9e1df;background:#fff}.preview-brand,.preview-topbar-actions,.property-identity,.preview-trust,.preview-tabs button,.preview-sign-in,.section-heading,.section-heading button,.preview-submit-row,.preview-submit-row button,.route-line,.transfer-time,.transfer-journey div,.transfer-guest span,.ride-status{display:flex;align-items:center}.preview-brand{gap:11px}.preview-brand>div,.property-identity>div{display:grid;gap:2px}.preview-brand strong{font-size:17px}.preview-brand span,.property-identity span{color:#64736f;font-size:12px;font-weight:700}.preview-mark{width:38px;height:38px;display:block;border-radius:8px}.preview-topbar-actions{gap:14px}.sample-badge{padding:6px 9px;border:1px solid #d39b42;border-radius:999px;background:#fff6e7;color:#75470c;font-size:12px;font-weight:850}.preview-sign-in{gap:6px;color:#274e49;font-size:13px;font-weight:800;text-decoration:none}.preview-layout{width:min(1180px,100%);min-height:calc(100vh - 72px);display:grid;grid-template-columns:240px minmax(0,1fr);margin:0 auto}.preview-sidebar{padding:28px 22px;border-right:1px solid #d9e1df;background:#edf2f0}.property-identity{gap:10px;padding-bottom:24px;border-bottom:1px solid #d3dcda}.property-identity strong{font-size:14px}.property-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#0b615a;border:1px solid #d4dfdc}.preview-tabs{display:grid;gap:6px;margin-top:22px}.preview-tabs button{min-height:42px;justify-content:flex-start;gap:9px;width:100%;margin:0;padding:0 11px;border:0;border-radius:6px;box-shadow:none;background:transparent;color:#43534f;font-size:14px}.preview-tabs button.active{background:#fff;color:#073f3c;box-shadow:0 1px 2px #0e2a2614}.preview-trust{gap:8px;margin-top:28px;color:#49625d;font-size:12px;font-weight:750}.preview-content{min-width:0;padding:30px 34px 50px}.preview-boundary{margin-bottom:25px;padding:10px 12px;border-left:3px solid #d39b42;background:#fff9ef;color:#684819;font-size:12px;font-weight:700}.section-heading{min-height:52px;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading>div{display:grid;gap:3px}.section-heading span{color:#687873;font-size:12px;font-weight:850;text-transform:uppercase}.section-heading h1{margin:0;font-size:28px;line-height:1.15}.section-heading button,.preview-submit-row button{width:auto;min-height:42px;gap:8px;margin:0;padding:0 15px;border-radius:7px;box-shadow:none}.preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d7dfdd;border-bottom:1px solid #d7dfdd;margin-bottom:22px}.preview-metrics div{display:grid;gap:3px;padding:16px 18px}.preview-metrics div+div{border-left:1px solid #d7dfdd}.preview-metrics strong{color:#073f3c;font-size:24px}.preview-metrics span{color:#687873;font-size:12px;font-weight:750}.preview-notice{margin:0 0 16px;padding:11px 12px;border:1px solid #a6d5c9;border-radius:6px;background:#e9f7f3;color:#14574f;font-size:13px;font-weight:750}.transfer-list{display:grid;gap:10px}.transfer-row{display:grid;grid-template-columns:104px minmax(190px,1.2fr) minmax(180px,1fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid #d9e1df;border-radius:8px;background:#fff}.transfer-time{display:grid;grid-template-columns:18px 1fr;gap:2px 7px;color:#214b46}.transfer-time strong{font-size:17px}.transfer-time span{grid-column:2;color:#71807c;font-size:11px;font-weight:750}.transfer-journey{display:grid;gap:7px;min-width:0}.transfer-journey div{gap:7px;min-width:0;color:#586964;font-size:12px;font-weight:700}.transfer-journey svg{flex:0 0 auto;color:#b47723}.transfer-journey span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-guest{display:grid;gap:5px;min-width:0}.transfer-guest strong{font-size:14px}.transfer-guest span{gap:6px;min-width:0;color:#687873;font-size:11px;font-weight:700}.transfer-guest svg{flex:0 0 auto}.ride-status{gap:5px;justify-self:end;padding:6px 8px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}.ride-status.assigned{background:#e5f3ef;color:#0d5b51}.ride-status.waiting{background:#fff0dd;color:#7d4b0a}.ride-status.complete{background:#eef1f0;color:#4a5b57}.preview-request{max-width:820px}.preview-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.preview-form-grid label{color:#53645f}.preview-form-grid label.wide{grid-column:1 / -1}.preview-form-grid input,.preview-form-grid select{width:100%;border-radius:7px;background:#fff}.preview-route-summary{display:grid;grid-template-columns:1fr 1fr minmax(200px,.8fr);gap:14px;margin-top:22px;padding:18px 0;border-top:1px solid #d7dfdd;border-bottom:1px solid #d7dfdd}.route-line{align-items:flex-start;gap:8px;color:#b47723}.route-line>div,.preview-fare{display:grid;gap:4px}.route-line span,.preview-fare span{color:#71807c;font-size:11px;font-weight:800;text-transform:uppercase}.route-line strong{color:#263632;font-size:13px;line-height:1.35}.preview-fare{padding-left:16px;border-left:1px solid #d7dfdd}.preview-fare strong{color:#073f3c;font-size:21px}.preview-fare small{color:#71807c;font-size:11px;line-height:1.35}.preview-submit-row{justify-content:space-between;gap:18px;margin-top:20px}.preview-submit-row p{margin:0;color:#71807c;font-size:12px}@media(max-width:900px){.preview-layout{grid-template-columns:190px minmax(0,1fr)}.preview-content{padding:26px 24px 40px}.transfer-row{grid-template-columns:88px minmax(180px,1fr) auto}.transfer-guest{grid-column:2 / 3}.ride-status{grid-column:3;grid-row:1 / 3}.preview-route-summary{grid-template-columns:1fr 1fr}.preview-fare{grid-column:1 / -1;padding:14px 0 0;border-left:0;border-top:1px solid #d7dfdd}}@media(max-width:700px){.preview-topbar{align-items:flex-start;padding:12px 16px}.preview-topbar-actions{align-items:flex-end;flex-direction:column;gap:7px}.preview-layout{min-height:calc(100vh - 72px);display:block}.preview-sidebar{padding:14px 16px;border-right:0;border-bottom:1px solid #d9e1df}.property-identity{padding-bottom:12px}.preview-tabs{grid-template-columns:1fr 1fr;margin-top:12px}.preview-trust{display:none}.preview-content{padding:20px 16px 36px}.preview-boundary{margin-bottom:20px}.section-heading{align-items:flex-start}.section-heading h1{font-size:24px}.section-heading button{min-width:42px;padding:0 11px}.preview-metrics div{padding:12px 9px}.preview-metrics strong{font-size:20px}.preview-metrics span{font-size:10px}.transfer-row{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:14px}.transfer-journey,.transfer-guest{grid-column:1 / -1}.ride-status{grid-column:2;grid-row:1}.transfer-journey span{white-space:normal}.preview-form-grid,.preview-route-summary{grid-template-columns:1fr}.preview-form-grid label.wide,.preview-fare{grid-column:auto}.preview-submit-row{align-items:stretch;flex-direction:column}.preview-submit-row button{width:100%;justify-content:center}}