:root{--brand:#03a9f4;--ink:#172033;--muted:#667085;--line:#e4e7ec;--surface:#fff;--background:#f5f7fa;--danger:#d92d20;--success:#167c43;--radius:16px}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--background);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.site-header{height:76px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:1160px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand,.sidebar-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:17px}.brand small{font-size:12px;color:var(--muted)}.brand-icon{width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:800}.brand-logo{width:44px;height:44px;border-radius:10px;object-fit:contain}.header-admin{font-size:13px;font-weight:700;text-decoration:none;color:var(--muted)}.customer-layout{max-width:1160px;margin:36px auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,790px) 1fr;gap:25px;align-items:start}.booking-panel,.benefit-panel,.dashboard-card,.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 35px rgba(16,24,40,.04)}.booking-panel{padding:35px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--brand)}.booking-heading h1{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:9px 0}.booking-heading p,.card-heading p,.auth-card>p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.step-indicator{display:flex;align-items:center;margin:27px 0 46px}.step-circle{position:relative;width:34px;height:34px;border-radius:50%;background:#edf0f4;color:#98a2b3;display:grid;place-items:center;font-weight:800}.step-circle.active{background:var(--brand);color:#fff}.step-circle small{position:absolute;top:41px;color:var(--muted);font-size:12px;font-weight:600}.step-indicator>i{height:2px;flex:1;background:#edf0f4}.form-grid,.admin-grid,.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-width,.span-two{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;color:#344054;font-size:13px;font-weight:700}label small,.help-text{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #d6dbe4;border-radius:10px;background:#fff;color:var(--ink);outline:none}textarea{min-height:85px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}input[type=color]{height:46px;padding:4px}.address-input{position:relative}.address-input>input{padding-right:44px}.address-badge{position:absolute;right:11px;bottom:10px;width:25px;height:25px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:11px}.pickup-badge{background:var(--brand)}.destination-badge{background:var(--ink)}.map-shell{height:325px;position:relative;border-radius:15px;overflow:hidden;background:#edf1f5;border:1px solid var(--line)}.map-canvas{width:100%;height:100%}.map-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:30px;background:linear-gradient(135deg,#f3f5f7,#e9edf2)}.map-message strong{font-size:17px}.map-message span{font-size:13px;color:var(--muted);line-height:1.5}.map-tip{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);background:#172033;color:#fff;padding:8px 13px;border-radius:20px;font-size:11px;white-space:nowrap}.route-info{display:flex;justify-content:space-between;align-items:center;background:#f4f7fa;padding:13px;border-radius:10px;font-size:13px}.button{min-height:44px;border:0;border-radius:10px;padding:12px 17px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;transition:.18s ease}.button:hover{transform:translateY(-1px);filter:brightness(.96)}.button:disabled{opacity:.65;cursor:wait;transform:none}.button-primary{background:var(--brand);color:#fff}.button-outline{background:#fff;border:1px solid var(--brand);color:var(--brand)}.button-danger{background:#fff0ef;color:var(--danger)}.button-whatsapp{width:100%;background:#20a55a;color:#fff}.compact-button{min-height:38px;padding:9px 12px}.benefit-panel{padding:8px 18px}.benefit-panel>div{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.benefit-panel>div:last-child{border:0}.benefit-panel>div>span{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--brand) 12%,white);color:var(--brand);display:grid;place-items:center;font-weight:800}.benefit-panel p{margin:0;display:flex;flex-direction:column;gap:4px}.benefit-panel strong{font-size:13px}.benefit-panel small{font-size:12px;color:var(--muted);line-height:1.4}.quote-panel h2{font-size:25px;margin:20px 0}.text-button{border:0;background:none;padding:0;color:var(--brand);font-size:13px;font-weight:700}.quote-route{background:#f5f7fa;border-radius:13px;padding:17px}.quote-route>div{display:flex;gap:10px}.quote-route p{margin:0 0 15px;font-size:13px;line-height:1.6}.quote-route>div:last-child p{margin-bottom:0}.quote-route small{display:block;color:var(--muted)}.route-dot{width:12px;height:12px;border-radius:50%;margin-top:5px;flex:none}.route-dot-pickup{background:var(--brand)}.route-dot-destination{background:var(--ink)}.quote-row{display:flex;justify-content:space-between;gap:12px;padding:15px 2px;border-bottom:1px solid var(--line);font-size:13px}.quote-row>span{color:var(--muted)}.quote-total{display:flex;justify-content:space-between;gap:15px;align-items:center;background:color-mix(in srgb,var(--brand) 8%,white);padding:17px;border-radius:12px;margin-top:13px}.quote-total>div{display:flex;flex-direction:column;gap:5px}.quote-total small,.included-note{font-size:12px;color:var(--muted);line-height:1.5}.quote-total>span{font-size:23px;font-weight:800;color:var(--brand);white-space:nowrap}.included-note{margin:10px 1px 17px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#f8fafb,#ebeff4)}.auth-card{width:min(450px,100%);padding:35px;display:flex;flex-direction:column;gap:17px}.auth-brand{text-decoration:none}.auth-brand>img{width:52px;height:52px;object-fit:contain}.auth-card h1{font-size:28px;margin:0}.auth-card>p{margin:-7px 0 2px}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form>.button{width:100%;margin-top:5px}.auth-card>.help-text{text-align:center}.alert{padding:13px 15px;border-radius:11px;font-size:13px;line-height:1.6;margin-bottom:16px}.alert-success{background:#eaf8ee;color:#116439;border:1px solid #bbe7c8}.alert-error{background:#fff1f0;color:#ab251c;border:1px solid #ffc9c5}.alert-warning{background:#fff8eb;color:#8d5d0b;border:1px solid #ffe3aa}.alert a{font-weight:800}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.dashboard-sidebar{position:sticky;top:0;height:100vh;background:#172033;color:#fff;padding:22px 16px;display:flex;flex-direction:column}.sidebar-brand{padding:2px 7px 28px;color:#fff}.sidebar-brand img{width:37px;height:37px;object-fit:contain;border-radius:8px}.sidebar-brand strong{font-size:15px}.sidebar-label{color:#8a95aa;letter-spacing:.12em;font-size:10px;padding:0 10px 8px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav>a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:9px;color:#c4cad6;text-decoration:none;font-size:13px;font-weight:700}.sidebar-nav>a>span{width:22px;text-align:center}.sidebar-nav>a.active{background:var(--brand);color:#fff}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sidebar-bottom>a{color:#c4cad6;font-size:12px;text-decoration:none;padding:10px}.logout-button{border:0;background:transparent;color:#ffb0a9;font-size:13px;font-weight:700;padding:10px}.dashboard-main{width:min(1130px,100%);padding:35px 40px 70px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dashboard-heading small{color:var(--muted)}.dashboard-heading h1{margin:6px 0 0;font-size:28px}.dashboard-card{padding:25px;margin-bottom:20px}.card-heading{margin-bottom:22px}.card-heading h2{font-size:19px;margin:0 0 5px}.horizontal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-card{border:1px solid var(--line);border-radius:13px;padding:17px;margin:14px 0;position:relative}.editor-new{background:#f8fafc}.editor-grid>.button{justify-self:start}.checkbox-label{justify-content:center;flex-direction:row;align-items:center;justify-self:start;align-self:end;height:46px}.checkbox-label input{width:18px;height:18px}.delete-form{position:absolute;right:17px;bottom:17px}.rule-table-head{display:grid;grid-template-columns:1.45fr .85fr 1fr 1.2fr;gap:12px;padding:0 3px 9px;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rule-record{display:flex;gap:8px;align-items:end;margin-bottom:10px}.rule-form{display:grid;grid-template-columns:1.45fr .85fr 1fr .85fr;gap:10px;align-items:end;flex:1}.rule-form label{font-size:11px}.rule-form>.button{align-self:end}.rule-record>.rule-form>.sr-mobile{font-size:0;gap:0}.rule-record>.rule-form>.sr-mobile select,.rule-record>.rule-form>.sr-mobile input{font-size:13px}.delete-rule{flex:none}.icon-button{min-height:44px;width:38px;padding:0;font-size:20px}.new-rule{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:18px}.pricing-explanation{display:flex;flex-direction:column;gap:5px;background:#fff7e9;border:1px solid #ffe1ab;border-radius:11px;padding:13px;margin-top:17px}.pricing-explanation strong{font-size:12px}.pricing-explanation span{font-size:12px;line-height:1.5;color:#725424}.account-section{max-width:750px}.pac-container{z-index:9999}
@media(max-width:920px){.customer-layout{grid-template-columns:1fr}.benefit-panel{display:grid;grid-template-columns:repeat(3,1fr)}.benefit-panel>div{border:0}.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{position:static;height:auto;padding:13px}.sidebar-brand{padding:2px 6px 12px}.sidebar-label{display:none}.sidebar-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sidebar-nav>a{font-size:11px;padding:10px 6px}.sidebar-bottom{margin-top:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-main{padding:24px 17px 50px}.rule-table-head{display:none}.rule-record>.rule-form>.sr-mobile{font-size:11px;gap:7px}}
@media(max-width:640px){.site-header{height:68px}.header-inner{padding:0 15px}.brand small{display:none}.customer-layout{padding:0;margin:0;display:block}.booking-panel{padding:24px 16px;border:0;border-radius:0;min-height:calc(100vh - 68px)}.booking-heading h1{font-size:28px}.form-grid,.admin-grid,.editor-grid{grid-template-columns:1fr;gap:15px}.full-width,.span-two{grid-column:auto}.map-shell{height:280px}.map-tip{font-size:10px}.benefit-panel{display:none}.quote-total{align-items:flex-start}.quote-total>span{font-size:19px}.auth-body{padding:0}.auth-card{width:100%;min-height:100vh;border:0;border-radius:0;padding:27px;justify-content:center}.dashboard-main{padding:20px 12px 50px}.dashboard-heading h1{font-size:22px}.dashboard-card{padding:17px}.horizontal-heading{align-items:flex-start}.horizontal-heading>.button{white-space:nowrap;font-size:11px}.sidebar-nav{grid-template-columns:1fr 1fr}.editor-card{padding:14px}.delete-form{right:14px;bottom:14px}.rule-record{align-items:stretch}.rule-form{grid-template-columns:1fr}.rule-record>.rule-form>.sr-mobile{font-size:11px}.rule-record>.delete-rule{align-self:end}.new-rule{padding:12px}.pricing-explanation{margin-top:14px}}