:root{--ink:#17211c;--muted:#6d756f;--cream:#f5f4ee;--card:#fff;--green:#164d3a;--green2:#dcebe3;--lime:#d7eb77;--line:#e4e5df;--blue:#dce8f5;--orange:#f6e4cc;--shadow:0 14px 40px rgba(24,45,35,.09)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-brand{padding:44px 6vw;background:var(--green);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-220px;bottom:-260px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.02)}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;font-size:19px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--lime);color:var(--green);display:grid;place-items:center;font-size:18px}.login-copy{max-width:660px;position:relative;z-index:1}.eyebrow,.overline{font-size:11px;letter-spacing:.15em;font-weight:700;margin:0 0 10px}.login-copy h1{font:800 clamp(48px,6vw,78px)/1.02 Manrope;margin:16px 0 28px;letter-spacing:-.05em}.login-copy h1 em{font-style:normal;color:var(--lime)}.login-copy>p:last-child{max-width:550px;color:#d7e3dc;font-size:17px;line-height:1.65}.feature-row{display:flex;gap:26px;font-size:13px;color:#d9e6df;position:relative;z-index:1}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(410px,100%)}.mobile-brand{display:none}.login-card h2,.modal-head h2{font:800 34px/1.15 Manrope;margin:0 0 9px;letter-spacing:-.03em}.muted{color:var(--muted);margin:0 0 32px}.login-card label,#bookingForm>label,.form-row label{display:grid;gap:8px;font-size:13px;font-weight:700;margin:0 0 19px}input,select,textarea{width:100%;border:1px solid #d7dad4;border-radius:10px;background:#fff;padding:13px 14px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,77,58,.1)}.primary{border:0;background:var(--green);color:#fff;border-radius:10px;padding:12px 17px;font-weight:700;cursor:pointer;display:flex;gap:16px;align-items:center;justify-content:center}.primary:hover{background:#0e3c2c}.full{width:100%;margin-top:8px}.demo-note{background:#f0f5ec;border-radius:10px;padding:13px 15px;font-size:12px;line-height:1.5;color:#657064;margin-top:24px}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:var(--green);color:white;padding:27px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 10px;margin-bottom:46px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#c7d6ce;border-radius:9px;padding:12px 13px;text-align:left;display:grid;grid-template-columns:24px 1fr auto;align-items:center;cursor:pointer;font-weight:600}.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.11);color:#fff}.nav-item b{background:var(--lime);color:var(--green);font-size:10px;border-radius:10px;padding:2px 7px}.sidebar-foot{margin-top:auto}.user-card{border:0;background:rgba(255,255,255,.08);color:white;width:100%;border-radius:11px;padding:10px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;text-align:left}.avatar{width:36px;height:36px;background:var(--lime);color:var(--green);display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:12px}.user-card strong,.user-card small{display:block}.user-card strong{font-size:12px}.user-card small{font-size:10px;color:#b8ccc1;margin-top:2px}.signout{border:0;background:none;color:#b8ccc1;font-size:11px;width:100%;padding:11px;cursor:pointer}main{min-width:0}.topbar{height:92px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(245,244,238,.94);position:sticky;top:0;z-index:3}.topbar h2{font:800 25px Manrope;margin:0;letter-spacing:-.03em}.topbar .overline{color:#7a827d;margin-bottom:4px}.menu-button{display:none}.view{display:none;padding:28px 34px 45px}.active-view{display:block}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.summary-grid article{background:white;border:1px solid var(--line);padding:17px 18px;border-radius:13px;display:flex;align-items:center;gap:14px}.summary-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px}.summary-icon.green{background:var(--green2);color:var(--green)}.summary-icon.blue{background:var(--blue);color:#376488}.summary-icon.orange{background:var(--orange);color:#a35d18}.summary-grid small,.summary-grid strong,.summary-grid i{display:block}.summary-grid small{font-size:9px;letter-spacing:.1em;color:#7f8681;font-weight:800;margin-bottom:4px}.summary-grid strong{font:800 18px Manrope}.summary-grid i{font:500 10px 'DM Sans';color:#7b827d;margin-top:2px}.calendar-card,.list-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px rgba(20,40,30,.025)}.calendar-tools{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.month-nav{display:flex;gap:8px;align-items:center}.month-nav h3{font:800 16px Manrope;min-width:215px;margin:0 5px}.month-nav button{border:1px solid var(--line);background:white;border-radius:7px;width:30px;height:30px;cursor:pointer}.month-nav .today-button{width:auto;padding:0 11px;margin-left:5px;font-size:11px;font-weight:700}.legend{display:flex;gap:14px;font-size:10px;color:#707873}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.available{background:#e8ece7;border:1px solid #cfd5d0}.dot.booked{background:#e8c3b8}.dot.yours{background:var(--green)}.dot.unavailable{background:#aeb4b0}.calendar-wrap{overflow:auto}.calendar-grid{display:grid;grid-template-columns:minmax(155px,1.3fr) repeat(7,minmax(100px,1fr));min-width:900px}.cal-head,.vehicle-cell,.slot-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cal-head{padding:12px 8px;text-align:center;background:#fafaf7;font-size:10px;color:#747c77}.cal-head strong{display:block;color:var(--ink);font:800 17px Manrope;margin-top:2px}.cal-head.today strong{color:var(--green)}.cal-head.today{box-shadow:inset 0 3px var(--lime)}.vehicle-cell{padding:16px 14px;display:flex;align-items:center;gap:9px}.vehicle-icon{width:34px;height:30px;border-radius:8px;background:var(--green2);display:grid;place-items:center}.vehicle-cell strong,.vehicle-cell small{display:block}.vehicle-cell strong{font-size:12px}.vehicle-cell small{font-size:9px;color:#7b827d;margin-top:3px}.slot-cell{padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:64px}.slot{border:1px solid #e1e5df;background:#f7f8f5;color:#89908b;border-radius:6px;font-size:9px;cursor:pointer}.slot.available:hover{background:var(--green2);border-color:#a8c6b6;color:var(--green)}.slot.booked{background:#f2ded8;border-color:#efd4cc;color:#9a6255;cursor:not-allowed}.slot.yours{grid-column:span 2;background:var(--green);border-color:var(--green);color:#fff}.slot.unavailable{background:#e8e9e6;color:#9da29f;cursor:not-allowed}.calendar-tip{font-size:10px;color:#7b827d;padding:9px 18px;margin:0}.list-card{padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.section-heading h3{font:800 22px Manrope;margin:0}.access-note{background:var(--green2);color:var(--green);border-radius:18px;padding:7px 12px;font-size:11px;font-weight:700}.booking-row{display:grid;grid-template-columns:55px 1fr 1fr auto;gap:20px;align-items:center;padding:17px 6px;border-bottom:1px solid var(--line)}.date-tile{text-align:center;background:var(--cream);border-radius:9px;padding:7px}.date-tile strong,.date-tile small{display:block}.date-tile strong{font:800 19px Manrope}.date-tile small{font-size:9px;color:#777}.booking-row h4{margin:0 0 4px}.booking-row p{margin:0;color:var(--muted);font-size:12px}.status{background:var(--green2);color:var(--green);border-radius:15px;padding:6px 9px;font-size:10px;font-weight:700}.vehicle-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.vehicle-card{border:1px solid var(--line);border-radius:11px;padding:18px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px}.vehicle-card .vehicle-icon{width:48px;height:44px}.vehicle-card h4{margin:0 0 4px}.vehicle-card p{margin:0;color:var(--muted);font-size:11px}.availability{font-size:10px;color:var(--green);font-weight:700}dialog{border:0;padding:0;border-radius:16px;width:min(570px,calc(100% - 30px));box-shadow:0 25px 80px rgba(15,35,25,.27)}dialog::backdrop{background:rgba(15,31,23,.65);backdrop-filter:blur(3px)}#bookingForm{padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.modal-head h2{font-size:28px}.close{border:0;background:#f0f1ed;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}.notice{background:#eff5ea;color:#42604e;padding:10px 12px;border-radius:8px;font-size:11px;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}fieldset{border:0;padding:0;margin:0 0 19px}legend{font-size:13px;font-weight:700;margin-bottom:8px}.period-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.period-options label{position:relative}.period-options input{position:absolute;opacity:0}.period-options span{border:1px solid var(--line);border-radius:9px;padding:11px;display:block;font-size:12px;font-weight:700;cursor:pointer}.period-options small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.period-options input:checked+span{border-color:var(--green);background:var(--green2);color:var(--green)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary{background:white;border:1px solid var(--line);border-radius:9px;padding:11px 17px;font-weight:700;cursor:pointer}.toast{position:fixed;right:25px;bottom:25px;background:#173f31;color:#fff;border-radius:12px;padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow);transform:translateY(130px);opacity:0;transition:.3s;z-index:10}.toast.show{transform:none;opacity:1}.toast>span{width:28px;height:28px;border-radius:50%;background:var(--lime);color:var(--green);display:grid;place-items:center;font-weight:800}.toast strong,.toast small{display:block}.toast small{color:#c7d8d0;font-size:10px;margin-top:3px}@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-brand{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;font:800 18px Manrope;margin-bottom:60px}.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:7;width:230px;transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.menu-button{display:block;border:0;background:none;font-size:20px}.topbar{padding:0 18px;gap:10px}.topbar>div{margin-right:auto}.summary-grid{grid-template-columns:1fr}.view{padding:20px 15px}.calendar-tools{align-items:flex-start;gap:15px;flex-direction:column}.legend{flex-wrap:wrap}.vehicle-list{grid-template-columns:1fr}}@media(max-width:560px){.login-panel{padding:25px}.feature-row{flex-direction:column}.topbar h2{font-size:19px}.topbar .primary{font-size:0}.topbar .primary:after{content:'＋';font-size:18px}.booking-row{grid-template-columns:45px 1fr auto}.booking-row>div:nth-child(3){display:none}.form-row,.period-options{grid-template-columns:1fr}.summary-grid article:nth-child(3){display:none}}