:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f7f9;background:#090b0e;--line:#252d37;--muted:#8d99a7;--panel:#11161c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,#1b2430 0,#0b0e12 28%,#090b0e 65%);color:#f6f7f9}.booking{max-width:880px;margin:auto;padding:20px 18px 60px}.booking header{display:flex;align-items:center;justify-content:space-between}.mini-brand{display:flex;align-items:center;gap:10px;color:#aab5c0;font-size:12px}.mini-brand img{width:38px;height:38px;border-radius:12px}.booking header a{color:#dfe5eb;text-decoration:none;border:1px solid var(--line);padding:10px 12px;border-radius:12px;font-size:12px}.intro{padding:52px 0 28px}.intro>span,.step-head span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.intro h1{font-size:clamp(38px,8vw,68px);line-height:.96;letter-spacing:-.055em;margin:7px 0 12px}.intro p{max-width:610px;color:#98a4b1;line-height:1.55}.step{margin:12px 0;padding:18px;border:1px solid #232b35;border-radius:20px;background:linear-gradient(180deg,#11161c,#0e1217)}.step-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.step-head>b{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#edf1f5;color:#0a0c0e;font-size:13px}.step-head h2{margin:2px 0 0;font-size:21px;letter-spacing:-.03em}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-option{border:1px solid #28313a;background:#0d1116;color:#fff;border-radius:16px;padding:15px;text-align:left;cursor:pointer}.service-option.active{border-color:#dce3ea;background:#181f27}.service-option strong{display:block;font-size:17px}.service-option span{display:block;color:#8d99a6;font-size:12px;margin-top:5px}.service-option b{display:block;font-size:21px;margin-top:12px}label{display:grid;gap:7px;color:#9ba6b2;font-size:11px;margin:10px 0}input{width:100%;min-height:48px;background:#0a0d11;border:1px solid #29323c;color:#fff;border-radius:12px;padding:0 13px;font:inherit;font-size:16px;outline:none}input:focus{border-color:#68798a;box-shadow:0 0 0 3px #68798a20}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.slots button{min-height:43px;border:1px solid #29323b;background:#151b21;color:#e7edf2;border-radius:11px;cursor:pointer}.slots button.active{background:#edf1f5;color:#090b0d;border-color:#edf1f5;font-weight:750}.slots p{grid-column:1/-1;color:#808c99}.selection{padding:12px 14px;border:1px solid #27303a;border-radius:13px;color:#c6d0d9;background:#0c1014;margin-bottom:10px}form button{width:100%;min-height:50px;border:0;border-radius:14px;background:#edf1f5;color:#090b0d;font-weight:800;cursor:pointer;margin-top:8px}form button:disabled{opacity:.38;cursor:not-allowed}.manage-card{border:1px solid #26303a;background:#10151a;border-radius:20px;padding:20px}.manage-card h2{font-size:28px;margin:3px 0}.manage-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.manage-meta div{background:#0b0f13;border:1px solid #232b34;border-radius:14px;padding:12px}.manage-meta span{display:block;color:#7f8b98;font-size:10px}.manage-meta b{display:block;margin-top:4px}.manage-actions{display:flex;gap:8px;flex-wrap:wrap}.manage-actions button,.primary-link,.secondary-link{flex:1;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;text-decoration:none;border:1px solid #29323b;background:#171d24;color:#eef2f6;font-weight:700;cursor:pointer}.manage-actions .danger{color:#efaaaa}.success{text-align:center;padding:90px 10px 60px}.check{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#edf1f5;color:#090b0d;font-size:31px;margin:0 auto 18px}.success h1{font-size:44px;letter-spacing:-.04em;margin:7px 0}.success p{color:#94a0ad}.primary-link,.secondary-link{max-width:430px;margin:10px auto}.primary-link{background:#edf1f5;color:#090b0d}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(16px);opacity:0;background:#edf1f5;color:#090b0d;padding:11px 14px;border-radius:12px;font-weight:750;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}footer{text-align:center;color:#606b77;font-size:11px;margin-top:30px}
@media(max-width:680px){.booking{padding:15px 13px 50px}.intro{padding:36px 0 22px}.service-grid{grid-template-columns:1fr}.slots{grid-template-columns:repeat(4,minmax(0,1fr))}.manage-meta{grid-template-columns:1fr 1fr}.manage-meta div:last-child{grid-column:1/-1}.manage-actions{display:grid;grid-template-columns:1fr}.success{padding-top:60px}}.code-access{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px;border:1px solid #26303a;background:#0f1419;border-radius:17px}.code-access>div{display:grid;gap:3px}.code-access span{font-size:10px;color:#82909e;text-transform:uppercase;letter-spacing:.1em}.code-access strong{font-size:14px}.code-access form{display:flex;gap:7px;align-items:center}.code-access input{width:165px;min-height:42px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.code-access button{width:auto;min-height:42px;margin:0;padding:0 13px}.slot-legend{display:flex;gap:14px;color:#8d99a6;font-size:11px;margin:9px 0}.slot-legend span{display:flex;align-items:center;gap:6px}.slot-legend i{width:10px;height:10px;border-radius:3px}.free-dot{background:#2f8f5b}.busy-dot{background:#59636e}.slots button.available{background:#173626;border-color:#2f8f5b;color:#eaf5ee}.slots button.available:hover{background:#1e4831}.slots button.available.active{background:#2f8f5b;border-color:#68c891;color:#fff;box-shadow:0 0 0 2px #68c89122}.slots button.reserved{background:#262b31;border-color:#3e4751;color:#858f99;cursor:not-allowed;opacity:.72}.reservation-code{max-width:430px;margin:18px auto;padding:16px;border:1px solid #2d3741;background:#10161c;border-radius:16px;display:grid;gap:5px}.reservation-code span,.reservation-code small{color:#8995a2;font-size:11px}.reservation-code strong{font-size:28px;letter-spacing:.16em}
@media(max-width:680px){.code-access{display:grid}.code-access form{display:grid;grid-template-columns:1fr auto}.code-access input{width:100%}.reservation-code strong{font-size:24px}.slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
.date-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 14px}.date-options>p{grid-column:1/-1;color:#808c99}.date-option{min-height:78px;border:1px solid #29323b;background:#11171d;color:#eef2f6;border-radius:14px;padding:10px;text-align:left;display:grid;gap:3px;cursor:pointer}.date-option strong{text-transform:capitalize;font-size:14px}.date-option span,.date-option small{color:#8e9aa6;font-size:11px}.date-option.available:hover{border-color:#3d7f5c}.date-option.active{border-color:#68c891;background:#173626;box-shadow:0 0 0 2px #68c89122}.date-option.unavailable{opacity:.42;cursor:not-allowed}.date-fallback{margin-top:4px;max-width:260px}
@media(max-width:680px){.date-options{grid-template-columns:repeat(2,minmax(0,1fr))}.date-option{min-height:72px}}