:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff7fc;background:#07131d;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}a{color:#8ad2ff}header{background:#0e2130;border-bottom:1px solid #294152;justify-content:space-between;align-items:center;gap:12px;padding:15px 24px;display:flex}button,input,select,textarea{font:inherit;color:#fff;background:#122b3c;border:1px solid #36576c;border-radius:8px;padding:12px}button{cursor:pointer;background:#087fa5;border:0}button:disabled{opacity:.5;cursor:default}label{flex-direction:column;gap:7px;font-size:14px;display:flex}form{gap:12px;max-width:540px;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;display:grid}.card{background:#102535;border:1px solid #30485a;border-radius:14px;margin:10px 0;padding:18px}.muted{color:#b5c6d2}.error{color:#ffb6b6}.ok{color:#a6f0d1}h1{margin-top:0}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #30485a;padding:9px}nav{flex-wrap:wrap;gap:18px;display:flex}summary{cursor:pointer}.hero{max-width:780px;padding:65px 0 45px}.hero h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.05}.hero p{font-size:1.1rem;line-height:1.6}.eyebrow{letter-spacing:.16em;color:#62d5db;font-size:.8rem;font-weight:700}.actions{flex-wrap:wrap;align-items:center;gap:18px;margin:24px 0;display:flex}.cta{color:#04131c;background:#24bac5;border-radius:9px;padding:15px 22px;font-weight:700;text-decoration:none}.secondary{color:#e5f4fa}.requests{gap:12px;display:grid}.request{border:1px solid #355267;border-radius:10px;gap:5px;padding:13px;display:grid}.request span,.request small{color:#b5c6d2}textarea{resize:vertical}button:hover,.cta:hover{filter:brightness(1.1)}@media (max-width:550px){main{padding:18px}header{flex-wrap:wrap;padding:12px 16px}.hero{padding:40px 0 25px}}html{scroll-behavior:smooth}body{min-width:0}main{min-height:calc(100vh - 170px)}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a{overflow-wrap:anywhere}button,a.button{min-height:44px}input,select,textarea{width:100%;min-width:0}p{line-height:1.6}h2{line-height:1.25}h3{line-height:1.4}button{font-weight:600}button:disabled{cursor:wait}button,a{touch-action:manipulation}:is(a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #62d5db}.brand{color:#eff7fc;white-space:nowrap;font-size:1.15rem;font-weight:700;text-decoration:none}.brand span{color:#b5c6d2;font-size:.8rem;font-weight:400}header{gap:24px;min-height:76px}nav a{color:#d8e9f3;padding:8px 0;font-size:.9rem;text-decoration:none}nav a:hover{color:#62d5db;text-decoration:underline}footer{text-align:center;color:#94afbf;border-top:1px solid #294152;padding:24px;font-size:.85rem}.skip-link{color:#04131c;z-index:10;background:#24bac5;padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.card{min-width:0}.page-heading{margin:28px 0}.page-heading h1{margin:12px 0;font-size:clamp(1.8rem,4vw,2.5rem)}.page-heading p{max-width:730px}.auth-page{text-align:center;max-width:560px;padding-top:54px}.auth-card{padding:36px 30px}.auth-card h1{letter-spacing:-.03em;margin:18px 0 12px;font-size:2.3rem}.auth-primary{justify-content:center;align-items:center;min-height:50px;margin:28px auto 16px;display:flex}.auth-hint{font-size:.85rem}.new-customer{border-top:1px solid #30485a;flex-direction:column;align-items:center;gap:14px;margin-top:30px;padding-top:24px;display:flex}.new-customer p{margin:0}.new-customer small{line-height:1.6}.button{border-radius:9px;justify-content:center;align-items:center;padding:13px 24px;font-weight:600;text-decoration:none;display:inline-flex}.secondary-button{color:#e5f4fa;background:#17384b;border:1px solid #4a788e;min-width:190px}.booking-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.booking-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;max-width:none}.booking-form input,.booking-form textarea{margin-top:2px}.full-width{grid-column:1/-1}.submit-request{color:#04131c;background:#24bac5;width:100%;padding:15px}.confirmation{background:#12352e;border:1px solid #38675e;border-radius:8px;padding:15px;line-height:1.6}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{margin:8px 0}.quiet-button{background:0 0;border:1px solid #36576c;padding:8px 12px;font-size:.8rem}.empty-state{border:1px dashed #36576c;border-radius:10px;margin-top:24px;padding:24px 16px}.empty-state p{margin-bottom:0;font-size:.9rem}.request-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.request .status{color:#8de4e9;white-space:nowrap;background:#174252;border:1px solid #2b6879;border-radius:20px;padding:5px 9px;font-size:.7rem;font-weight:700}.request .status-approved{color:#a6f0d1;background:#173c31;border-color:#38675e}.request .status-declined,.request .status-cancelled{color:#ffb6b6;background:#432b35;border-color:#68414e}.grid>*,form>*{min-width:0}td,th{font-size:.9rem}td button{margin:4px}.card:has(table){overflow:hidden}@media (max-width:800px){.booking-grid{grid-template-columns:minmax(0,1fr)}.request-list{order:2}header{align-items:flex-start}nav{justify-content:flex-end;gap:10px 18px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))}}@media (max-width:550px){header{flex-direction:column;gap:12px}nav{justify-content:space-between;gap:4px 12px;width:100%}nav a{font-size:.85rem}main{padding:20px 16px}.hero{padding-top:30px}.actions{align-items:stretch;gap:16px}.actions a{text-align:center}.hero .actions{flex-direction:column}.auth-page{padding-top:28px}.auth-card{padding:28px 20px}.booking-form{grid-template-columns:1fr}.full-width{grid-column:auto}.page-heading{margin:24px 0}.card{padding:18px}.hero h1{font-size:2.65rem}}.delivery-notice{color:#e5f4fa;background:#12303f;border:1px solid #2b6879;border-left:4px solid #24bac5;border-radius:9px;padding:16px}.delivery-notice strong{color:#8de4e9;font-size:.95rem;display:block}.delivery-notice p{margin:8px 0 0;font-size:.9rem;line-height:1.6}.quote-details{margin:12px 0}.quote-breakdown{gap:12px;margin:18px 0;display:grid}.quote-breakdown>div{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.quote-breakdown dt{color:#b5c6d2;font-size:.9rem;line-height:1.5}.quote-breakdown dd{white-space:nowrap;margin:0;font-weight:700}.quote-breakdown .quote-total{border-top:1px solid #36576c;padding-top:14px;font-size:1.12rem}.quote-total dt{color:#eff7fc;font-weight:700}.quote-note{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #36576c;padding-left:12px}.quote-actions{flex-wrap:wrap;gap:12px;margin:16px 0 6px;display:flex}.customer-quote{border-top:1px solid #36576c;margin-top:12px;padding-top:12px}.customer-quote h3{margin:0 0 8px}.customer-quote .quote-actions{grid-template-columns:1fr;display:grid}.quote-editor{border-top:1px solid #36576c;gap:18px;max-width:none;margin-top:20px;padding-top:20px}.quote-editor>h3,.quote-editor>p{margin:0}.quote-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.quote-preview{background:#12352e;border:1px solid #38675e;border-radius:8px;padding:16px}.quote-preview strong{float:right}.operations-requests{gap:20px;margin-top:20px;display:grid}.operations-request{padding:20px}.operations-request p{margin:12px 0}.operations-request details{border:1px solid #36576c;border-radius:8px;padding:12px}.operations-request summary{font-weight:600;line-height:1.6}.status-quoted{color:#8de4e9}.status-confirmed{color:#a6f0d1}@media (max-width:550px){.quote-input-grid{grid-template-columns:1fr}.quote-actions{flex-direction:column}.quote-actions button{width:100%}.quote-breakdown>div{gap:12px}.quote-preview strong{float:none;margin-top:8px;display:block}.operations-request{padding:16px}.request-top{flex-wrap:wrap}}.home-banner{background:#f3f4f5;border:1px solid #36576c;border-radius:14px;margin:4px 0 0;overflow:hidden}.home-banner img{aspect-ratio:3;object-fit:contain;width:100%;height:auto;display:block}.home-hero{max-width:820px;padding:28px 0 32px}.home-hero .home-brand-heading{margin:16px 0;font-size:clamp(1.85rem,5.5vw,2.45rem);line-height:1.12}.home-hero .home-brand-tagline{color:#e5f4fa;font-size:1.05rem;font-weight:600;line-height:1.55}.home-hero .actions{margin-bottom:20px}@media (min-width:551px){.home-brand-heading,.home-brand-tagline{clip:rect(0,0,0,0);white-space:nowrap;border:0;position:absolute;overflow:hidden;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important}}@media (max-width:550px){.home-banner{border-radius:10px}.home-hero{padding:24px 0}.home-hero p{font-size:1rem}.home-hero .actions{margin-top:20px}}.fuel-price-display{background:#102c3b;border:1px solid #2b6879;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:24px;display:flex}.fuel-price-display h2{margin:10px 0 8px;font-size:1.1rem}.fuel-price-display .fuel-price-amount{color:#8de4e9;margin:0;font-size:2.3rem;font-weight:700;line-height:1.25}.fuel-price-amount span{color:#d8e9f3;white-space:nowrap;font-size:1rem;font-weight:400}.fuel-price-caption{max-width:360px;font-size:.9rem}.fuel-price-caption p{margin:8px 0}.fuel-price-caption small{color:#b5c6d2}.fuel-price-editor{margin-bottom:24px}.fuel-price-editor form{margin:20px 0 8px}.fuel-price-current{line-height:1.8}.fuel-price-unset{color:#d8e9f3;margin:0}@media (max-width:550px){.fuel-price-display{flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px;padding:20px}.fuel-price-display .fuel-price-amount{font-size:2.1rem}.fuel-price-caption{max-width:none}.fuel-price-editor .section-heading{align-items:flex-start}}.home-range-checker{margin-top:24px}.address-range-checker h2{margin-top:4px}.address-search-row{align-items:flex-end;gap:12px;display:flex}.address-search-row label{flex:1;min-width:0}.address-search-row button{flex-shrink:0;min-height:46px}.address-search-help{margin:10px 0 0;font-size:.8rem;line-height:1.5}.area-result{border:1px solid #36576c;border-radius:9px;margin-top:16px;padding:16px;font-size:.9rem}.area-result p{margin:8px 0}.area-result-inside{background:#12352e;border-color:#38675e}.area-result-inside>strong{color:#a6f0d1}.area-result-outside,.area-result-near_boundary{background:#302f23;border-color:#6d6644}.area-result-outside>strong,.area-result-near_boundary>strong{color:#f4d99e}.matched-address{overflow-wrap:anywhere;font-weight:600}.area-result button{margin-top:8px}.delivery-area-editor form{margin:20px 0 8px}.delivery-area-editor{margin-bottom:24px}.booking-form .address-search-row{flex-direction:column;align-items:stretch}.booking-form .address-search-row button{align-self:flex-start}.booking-form .area-result{font-size:.85rem}@media (max-width:550px){.address-search-row{flex-direction:column;align-items:stretch}.address-search-row button,.booking-form .address-search-row button{align-self:stretch;width:100%}.area-result button{width:100%}.home-range-checker{margin-top:18px}}.customer-payment{border-top:1px solid #36576c;margin-top:16px;padding-top:16px}.customer-payment h4{margin:0 0 12px;font-size:1rem}.customer-payment .payment-hint{font-size:.8rem}.payment-operations{margin-top:24px}.customer-payment .delivery-notice{font-size:.85rem}.payment-operations button{margin-top:8px}.request-queues{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.request-queues button[aria-pressed=true]{color:#04131c;background:#24bac5;border-color:#24bac5}
