:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.app{min-height:100vh}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:end;padding:56px clamp(20px,4vw,64px) 36px;color:#fff;background:linear-gradient(115deg,#14233ef0,#1a3260b3),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80) center/cover}.eyebrow{margin:0 0 8px;color:#f8912a;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:920px;margin:0;font-size:clamp(2.4rem,5vw,5.6rem);line-height:.96;letter-spacing:0}.lede{max-width:700px;margin:20px 0 0;color:#ffffffe0;font-size:1.08rem;line-height:1.6}.status-card,.panel,.summary,.option-card{border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff;box-shadow:0 20px 60px #17203314}.status-card{padding:20px;color:#172033}.status-card p{margin:10px 0 0;color:#4b5563;line-height:1.45}.status-card span{display:block;margin-bottom:8px;color:#6b7280}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding:28px clamp(20px,4vw,64px) 64px}.panel{margin-bottom:24px;padding:24px}.panel-header h2,.summary h2{margin:0 0 18px;color:#1a3260;font-size:1.45rem}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.option-card{width:100%;border:1px solid rgba(23,32,51,.1);padding:20px;text-align:left}.selectable{cursor:pointer}.selectable:hover,.selectable.selected{border-color:#f8912a;box-shadow:0 18px 50px #f8912a2e}.option-card h3{margin:0 0 10px;color:#1a3260}.option-card p,.option-card span{color:#4b5563;line-height:1.5}.option-card span{display:block;margin-top:12px;font-weight:700}dl{display:flex;gap:20px;margin:18px 0 0}dt{color:#6b7280;font-size:.78rem;text-transform:uppercase}dd{margin:4px 0 0;color:#172033;font-size:1.2rem;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1 / -1}label{display:grid;gap:8px;color:#334155;font-weight:700}input,select{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;color:#172033;background:#fff}.addon-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.check-card{grid-template-columns:20px 1fr;align-items:center;border:1px solid #dbe2ea;border-radius:8px;padding:14px}.check-card input{min-height:18px}.check-card span{display:grid;gap:2px;font-weight:600}.summary{align-self:start;position:sticky;top:20px;padding:24px}.summary ul{display:grid;gap:12px;margin:18px 0 24px;padding-left:20px;color:#4b5563}.summary button{width:100%;min-height:48px;border:0;border-radius:6px;color:#fff;background:#f8912a;font-weight:900;cursor:pointer}.summary button+button{margin-top:10px}.summary button.secondary{border:1px solid #cbd5e1;color:#1a3260;background:#fff}.summary button:disabled{cursor:not-allowed;opacity:.45}.error-text{margin:0 0 14px;color:#b42318;font-weight:800}.quote-lines{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;margin:18px 0 22px;color:#4b5563}.quote-lines span,.quote-lines strong{min-width:0}.quote-lines strong{color:#172033;overflow-wrap:anywhere;text-align:right}.admin-band{padding:0 clamp(20px,4vw,64px) 64px}.admin-inner{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:start;border-top:1px solid #dbe2ea;padding-top:34px}.admin-inner h2{margin:0 0 12px;color:#1a3260;font-size:2rem}.admin-inner p{max-width:660px;color:#4b5563;line-height:1.6}.admin-panel{border:1px solid rgba(23,32,51,.1);border-radius:8px;padding:22px;background:#fff;box-shadow:0 20px 60px #17203314}.admin-panel dl{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;margin-top:24px}.reservation-list,.vehicle-list,.document-grid{display:grid;gap:12px}.reservation-row,.vehicle-row,.document-card{display:grid;gap:10px;border:1px solid #dbe2ea;border-radius:8px;padding:14px;background:#fff}.reservation-row{grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr)}.reservation-row div,.document-card{min-width:0}.reservation-row strong,.vehicle-row strong{color:#1a3260}.reservation-row span,.document-card p{display:block;margin:4px 0 0;color:#4b5563;line-height:1.4}.vehicle-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.admin-note{color:#4b5563;font-weight:700}.document-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-card h3{margin:0;color:#1a3260}.document-card button{min-height:42px;border:0;border-radius:6px;color:#fff;background:#1a3260;font-weight:900}.premium-staff{background:#eef1f5}.staff-login{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start}.staff-login h2,.staff-toolbar h2{margin:0;color:#10213f;font-size:2rem}.staff-login-grid{display:grid;gap:14px}.staff-login-grid button,.staff-toolbar button,.pickup-actions button{min-height:46px;border:0;border-radius:6px;color:#fff;background:#10213f;font-weight:900;cursor:pointer}.staff-login-grid button:disabled,.staff-toolbar button:disabled,.pickup-actions button:disabled{cursor:not-allowed;opacity:.48}.staff-login details{border-top:1px solid #dbe2ea;padding-top:12px;color:#334155;font-weight:800}.staff-login details label{margin-top:12px}.staff-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:18px}.staff-toolbar button{min-width:180px;background:#f8912a}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{border:1px solid rgba(16,33,63,.1);border-radius:8px;padding:16px;background:#fff;box-shadow:0 18px 45px #10213f12}.metric-card span,.info-cell span{display:block;color:#64748b;font-size:.74rem;font-weight:900;text-transform:uppercase}.metric-card strong{display:block;margin-top:8px;color:#10213f;font-size:1.45rem}.staff-filters{display:grid;grid-template-columns:minmax(280px,1fr) 220px 220px;gap:14px;margin-bottom:18px}.assisted-panel{margin-bottom:18px}.assisted-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.assisted-footer,.deposit-link-box{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:end;margin-top:16px}.assisted-footer .quote-lines{margin:0}.assisted-footer button,.deposit-link-box button{min-height:46px;border:0;border-radius:6px;color:#fff;background:#f8912a;font-weight:900;cursor:pointer}.assisted-footer button:disabled{cursor:not-allowed;opacity:.48}.deposit-link-box{border:1px solid rgba(16,33,63,.12);border-radius:8px;padding:14px;background:#f8fafc}.deposit-link-box button{background:#10213f}.staff-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:18px;align-items:start}.reservation-table,.staff-detail{min-height:560px}.staff-table{display:grid;gap:8px;max-height:650px;overflow:auto;padding-right:4px}.staff-row{display:grid;grid-template-columns:minmax(210px,1fr) 140px 130px 90px 150px;gap:12px;align-items:center;width:100%;border:1px solid #dbe2ea;border-radius:8px;padding:12px;color:#172033;background:#fff;text-align:left;cursor:pointer}.staff-row:hover,.staff-row.active{border-color:#f8912a;background:#fffaf4;box-shadow:0 12px 30px #f8912a24}.staff-row strong,.staff-row small{display:block;overflow-wrap:anywhere}.staff-row small{margin-top:4px;color:#64748b}.status-pill{display:inline-grid;place-items:center;min-height:28px;border-radius:999px;padding:4px 10px;color:#10213f;background:#e8eef8;font-size:.78rem;font-weight:900;text-transform:capitalize}.status-pill.contract_signed,.status-pill.ready_for_pickup{color:#064e3b;background:#d7f7e8}.status-pill.deposit_pending{color:#7c2d12;background:#ffedd5}.detail-head{display:flex;gap:16px;align-items:start;justify-content:space-between;border-bottom:1px solid #dbe2ea;padding-bottom:18px}.detail-head h2{margin:0 0 8px;color:#10213f}.detail-head p{margin:0;color:#64748b;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.info-cell{border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#f8fafc}.info-cell strong{display:block;margin-top:6px;color:#172033;overflow-wrap:anywhere}.assignment-card{border:1px solid rgba(248,145,42,.35);border-radius:8px;padding:16px;background:#fffaf4}.assignment-card p{margin:10px 0 0;color:#7c2d12;font-weight:700}.manual-payment-card{display:grid;gap:14px;border:1px solid rgba(16,33,63,.14);border-radius:8px;margin-top:18px;padding:16px;background:#f8fafc}.manual-payment-card h3{margin:0;color:#10213f}.manual-payment-card p{margin:0;color:#64748b;font-weight:700}.manual-payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.manual-payment-grid button{min-height:44px;border:0;border-radius:6px;color:#fff;background:#10213f;font-weight:900;cursor:pointer}.manual-payment-grid button:disabled{cursor:not-allowed;opacity:.48}.pickup-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin-top:18px}.fleet-panel,.staff-users-panel{margin-top:18px}.staff-user-manager{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.staff-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-user-form button{align-self:end;min-height:46px;border:0;border-radius:6px;color:#fff;background:#10213f;font-weight:900;cursor:pointer}.staff-user-form button:disabled{cursor:not-allowed;opacity:.48}.staff-user-list{display:grid;gap:10px}.staff-user-card{display:grid;gap:4px;border:1px solid #dbe2ea;border-radius:8px;padding:12px;background:#f8fafc}.staff-user-card strong{color:#10213f}.staff-user-card span{color:#64748b}.staff-user-card button{justify-self:start;min-height:34px;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;color:#10213f;background:#fff;font-weight:900;cursor:pointer}.staff-user-card button:disabled{cursor:not-allowed;opacity:.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0f172ab8}.contract-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:8px;padding:28px;background:#fff;box-shadow:0 30px 90px #00000052}.contract-modal h2{margin:0 0 12px;color:#1a3260;font-size:1.8rem}.contract-modal p{color:#4b5563;line-height:1.6}.contract-modal button,.contract-action{display:grid;place-items:center;width:100%;min-height:48px;margin-top:18px;border:0;border-radius:6px;color:#fff;background:#f8912a;font-weight:900;text-decoration:none}.contract-modal button:disabled{opacity:.45}@media(max-width:900px){.hero,.workspace,.option-grid,.form-grid,.addon-row,.admin-inner,.dashboard-grid,.reservation-row,.document-grid,.staff-login,.staff-filters,.staff-workspace,.metric-grid,.pickup-actions,.assisted-grid,.assisted-footer,.deposit-link-box,.manual-payment-grid,.staff-user-manager,.staff-user-form{grid-template-columns:1fr}.summary{position:static}.staff-toolbar,.detail-head{align-items:stretch;flex-direction:column}.staff-toolbar button{width:100%}.staff-row{grid-template-columns:1fr}}@media(max-width:560px){.modal-backdrop{align-items:start;padding:12px}.contract-modal{width:100%;max-height:calc(100vh - 24px);padding:20px}.contract-modal h2{font-size:1.45rem}.contract-modal .quote-lines{grid-template-columns:1fr;gap:4px}.contract-modal .quote-lines strong{margin-bottom:10px;text-align:left}}
