:root{--bg:#07111f;--card:#101d30;--card2:#15243a;--text:#eef6ff;--muted:#9db0c7;--brand:#54e0a8;--brand2:#52a7ff;--danger:#ff6b6b;--warn:#ffd166;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at top left,#16456a 0,#07111f 38%,#050911 100%);color:var(--text);min-height:100vh}.container{width:min(1100px,92%);margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.brand{font-size:26px;font-weight:900;letter-spacing:.5px}.brand span{color:var(--brand)}a{color:inherit;text-decoration:none}.btn,.chip,button,input,select,textarea{font:inherit}.btn,button{border:0;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#04111b;font-weight:800;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn.secondary{background:#20314c;color:var(--text)}.btn.danger{background:var(--danger);color:white}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:30px 0 20px}.hero h1{font-size:clamp(38px,6vw,76px);line-height:.95;margin:20px 0}.hero p{font-size:18px;color:var(--muted);line-height:1.7}.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 20px 80px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.stat{background:var(--card);padding:18px;border-radius:20px;border:1px solid var(--line)}.stat b{font-size:25px;display:block}.muted{color:var(--muted)}.form{display:grid;gap:14px}label{font-size:14px;color:#c6d7ec;font-weight:700}input,select,textarea{width:100%;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:#091628;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand)}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}.slot{padding:12px;border-radius:14px;border:1px solid var(--line);background:#0d1b2e;color:var(--text);text-align:center;cursor:pointer;font-weight:800}.slot.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#04111b}.slot.disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;background:#20314c}.badge.pending{color:var(--warn)}.badge.confirmed{color:var(--brand)}.badge.rejected,.badge.cancelled{color:var(--danger)}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border-radius:18px;overflow:hidden}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#bcd1e8;background:rgba(255,255,255,.05)}.notice{background:#132941;border:1px solid var(--line);border-radius:18px;padding:16px}.footer{padding:35px 0;color:var(--muted);text-align:center}@media(max-width:800px){.hero,.grid.two,.grid.three{grid-template-columns:1fr}.nav{gap:12px;flex-wrap:wrap}.card{padding:18px}th,td{font-size:13px;padding:10px}.hero h1{font-size:44px}}
.checkline{display:flex!important;align-items:center;gap:10px;flex-direction:row!important}.checkline input{width:auto!important}
.alert{border-radius:18px;padding:16px;margin:14px 0;border:1px solid var(--line);line-height:1.55}.alert.success{background:rgba(84,224,168,.12);border-color:rgba(84,224,168,.45);color:#caffe8}.alert.error{background:rgba(255,107,107,.14);border-color:rgba(255,107,107,.45);color:#ffd4d4}.alert.warning{background:rgba(255,209,102,.13);border-color:rgba(255,209,102,.45);color:#fff0c2}.compact-hero{padding-top:16px}.hero-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.payment-card h3,.booking-card h2,.info-card h3{margin-top:0}.bank-box{display:grid;gap:6px}.bank-box span{color:var(--muted);font-size:13px}.bank-box b{font-size:18px}.bank-box .account-number{font-size:26px;letter-spacing:1px;color:var(--brand)}.booking-layout{margin-top:18px}.total-box{font-size:18px}.steps{margin:0;padding-left:20px;color:#c6d7ec;line-height:1.9}.footer a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.slot:disabled{pointer-events:none}.empty-state{padding:18px;border-radius:16px;background:#0d1b2e;color:var(--muted);text-align:center;border:1px dashed var(--line)}@media(max-width:800px){.hero-points{grid-template-columns:1fr}.bank-box .account-number{font-size:22px}}