:root {
  --bg:#070a13;
  --card:#11182a;
  --txt:#f4f7ff;
  --muted:#9fb0d0;
  --accent:#2ee6c7;
  --danger:#ff5f7a;
  --ok:#3de689;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;background:radial-gradient(circle at top,#0f1830,var(--bg));color:var(--txt)}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(8,12,22,.75);backdrop-filter:blur(10px);border-bottom:1px solid #1b2640}
.logo{font-weight:800;letter-spacing:.12em}.topbar nav{display:flex;gap:16px}.topbar a.active,.topbar a:hover{color:var(--accent)}
.split-home{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 70px)}
.split-panel{position:relative;display:flex;align-items:flex-end;padding:clamp(24px,6vw,64px);background-size:cover;background-position:center}
.left-panel{background-image:url('https://images.unsplash.com/photo-1560958089-b8a1929cea89?auto=format&fit=crop&w=1600&q=80')}
.right-panel{background-image:url('https://images.unsplash.com/photo-1632823471565-1ecdf928615f?auto=format&fit=crop&w=1600&q=80')}
.overlay{position:absolute;inset:0;background:linear-gradient(10deg,rgba(0,0,0,.75),rgba(0,0,0,.25))}
.content{position:relative;max-width:520px}.content h1{font-size:clamp(28px,4vw,48px);margin:0 0 10px}.content p{color:#d6def5}
.service-thumb{display:block;width:min(420px,100%);height:180px;object-fit:cover;border-radius:18px;border:1px solid #2d406a;box-shadow:0 10px 30px rgba(0,0,0,.4);margin-bottom:16px}
.btn{display:inline-block;border:none;border-radius:12px;padding:12px 18px;background:linear-gradient(90deg,var(--accent),#43c6ff);color:#031018;font-weight:700;cursor:pointer;margin-top:8px}
.btn-light{background:rgba(255,255,255,.92)}
.page-wrap{padding:26px;max-width:1280px;margin:0 auto}
.section-head h1{margin-bottom:6px}.section-head p{color:var(--muted)}
.cars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{background:linear-gradient(180deg,#111a2e,#0b1323);border:1px solid #1d2b4b;border-radius:16px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);margin:12px 0}
.car-image{width:100%;height:170px;object-fit:cover;border-radius:10px}.status{font-size:.9rem;font-weight:700}
.status.free{color:var(--ok)}.status.busy{color:var(--danger)}
label{display:grid;gap:6px;font-size:.92rem;color:#dbe4fb;margin-bottom:10px}
input,textarea,select{height:44px;background:#090f1d;border:1px solid #25365f;color:#f7f9ff;border-radius:12px;padding:10px 12px;font:inherit}
textarea{height:auto;min-height:96px;resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.form-grid .full{grid-column:1/-1}
.service-grid{align-items:end}
fieldset{grid-column:1/-1;border:1px solid #2a3a64;border-radius:12px;padding:12px}
.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.service-list label{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid #21335a;border-radius:10px;background:#0b1425}
.service-list input{height:16px;width:16px;padding:0}
.admin-block details summary{cursor:pointer;padding:12px 14px;background:#121b2f;border-radius:10px;border:1px dashed #2e416d}
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-item{border-bottom:1px solid #223155;padding:10px 0}
.muted{color:var(--muted);font-size:.9rem}
.is-hidden{display:none}
[hidden]{display:none !important}
.flatpickr-calendar{background:#111a2e;border:1px solid #2f4473;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.45)}
.flatpickr-day,.flatpickr-weekday,.flatpickr-current-month,.flatpickr-time input{color:#eaf1ff}
.flatpickr-day.selected{background:linear-gradient(90deg,var(--accent),#43c6ff);border-color:transparent;color:#05151e}
@media (max-width:900px){.split-home{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr}.service-thumb{height:140px}}

.modal{position:fixed;inset:0;background:rgba(2,6,14,.72);display:grid;place-items:start center;padding:16px;z-index:40;overflow-y:auto}
.modal-card{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:linear-gradient(180deg,#111a2e,#0b1323);border:1px solid #274174;border-radius:16px;padding:18px;position:relative;margin:auto}
.modal-close{position:absolute;right:10px;top:8px;background:transparent;border:none;color:#c8d7ff;font-size:28px;cursor:pointer}
.modal.is-hidden{display:none !important}