:root{
    --navy:#0b1f45;
    --navy-2:#1e365f;
    --gold:#caa341;
    --gold-dark:#a87d19;
    --cream:#f8f4ed;
    --ivory:#fffdf9;
    --line:#e2d5bd;
    --muted:#71809a;
    --text:#10213f;
    --danger:#b42318;
    --success:#027a48;
    --blue-soft:#dce8f7;
    --shadow:0 20px 55px rgba(31,45,71,.10);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fbf7f0 0,#fffdf9 100%);}
a{color:var(--navy);text-decoration:none}
.hero{
    position:relative;overflow:hidden;background:radial-gradient(circle at 14% 80%,rgba(255,255,255,.09),transparent 28%),linear-gradient(140deg,#071936 0%,#173263 100%);color:#fff;text-align:center;padding:28px 18px 48px;border-bottom:3px solid var(--gold);
}
.hero:before{content:"+";position:absolute;left:54px;top:8px;font-size:120px;font-weight:800;color:rgba(255,255,255,.06);line-height:1}
.hero:after{content:"";position:absolute;right:30px;top:18px;width:130px;height:130px;background-image:radial-gradient(rgba(255,255,255,.12) 1.6px, transparent 1.6px);background-size:16px 16px;opacity:.7}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.08;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}
.hero p{font-size:18px;line-height:1.5;margin:0;color:#e8eef8}
.hero .ornament{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%) rotate(45deg);width:20px;height:20px;background:var(--gold);border-radius:4px;box-shadow:0 0 0 4px rgba(202,163,65,.18)}
.wrap{max-width:1180px;margin:0 auto;padding:34px 20px 64px}
.stepper{display:flex;justify-content:center;gap:14px;align-items:center;margin:0 0 34px;color:#60718f;font-weight:700}
.stepper .step{display:flex;align-items:center;gap:11px;white-space:nowrap}
.stepper .dot{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--blue-soft);color:#536a89;font-weight:800}
.stepper .active .dot{background:linear-gradient(145deg,#d7b253,#bd8d24);color:#fff;box-shadow:0 8px 20px rgba(202,163,65,.28)}
.stepper .active{color:var(--navy)}
.stepper .bar{height:1px;width:62px;background:var(--line)}
.panel{background:rgba(255,255,255,.92);border:1px solid #e4d9c9;border-radius:16px;box-shadow:var(--shadow);padding:34px 34px 42px;}
.panel h2{font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:500;margin:0 0 18px;color:var(--navy)}
.rule{height:1px;background:var(--line);margin:0 0 25px}
.category{margin:22px 0 14px;display:flex;align-items:center;gap:12px;color:#173b68;font-weight:800;letter-spacing:4px;font-size:14px;text-transform:uppercase}
.category:after{content:"";height:1px;background:var(--line);flex:1}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}.procedure-card{border:1px solid #e0d3bc;border-radius:13px;background:linear-gradient(180deg,#fffefa,#fffaf2);padding:22px 22px 18px;min-height:188px;cursor:pointer;transition:.2s ease;position:relative;overflow:hidden}.procedure-card:hover,.procedure-card.selected{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 14px 30px rgba(202,163,65,.14)}.procedure-card.selected:after{content:"✓";position:absolute;right:14px;top:14px;width:27px;height:27px;border-radius:50%;background:var(--gold);color:white;display:flex;align-items:center;justify-content:center;font-weight:900}.procedure-icon{font-size:46px;height:56px;display:flex;align-items:center;margin-bottom:13px}.procedure-icon-img{width:54px;height:54px;object-fit:contain}.procedure-title{font-size:20px;line-height:1.2;margin:0 0 6px;color:#071936;font-weight:800}.procedure-desc{font-size:15.5px;line-height:1.38;margin:0;color:#51617c}.duration{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--gold-dark);font-size:14px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.duration:before{content:"◷";font-size:18px}.actions{display:flex;justify-content:space-between;gap:14px;margin-top:28px;align-items:center}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:44px}.btn.primary{background:linear-gradient(145deg,#caa341,#b88a21);color:#fff}.btn.secondary{background:#edf2f9;color:#173263}.btn.danger{background:#fee4e2;color:#b42318}.btn.ghost{background:transparent;color:#173263;border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:800;color:#253858;font-size:14px}.field input,.field select,.field textarea{border:1px solid #d8cbb4;border-radius:10px;padding:12px 13px;font:inherit;background:#fffdf9;color:var(--text);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(202,163,65,.16)}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:14px}.slot-btn{border:1px solid #d8cbb4;background:#fffdf9;border-radius:10px;padding:12px;font-weight:800;color:#173263;cursor:pointer}.slot-btn:hover,.slot-btn.selected{background:#173263;color:#fff;border-color:#173263}.slot-btn.full{background:#f4f4f4;color:#9aa5b6;cursor:not-allowed;text-decoration:line-through}.company-strip{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fff8e7;border:1px solid #eedcae;border-radius:12px;padding:13px 16px;margin-bottom:18px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf2f9;color:#173263;font-size:12px;font-weight:800}.alert{padding:12px 14px;border-radius:10px;margin:12px 0;font-weight:700}.alert.success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.alert.danger{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.alert.info{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff}.muted{color:#667085}.hidden{display:none!important}.summary-card{background:#f8fbff;border:1px solid #d8e6f8;border-radius:13px;padding:18px;margin:15px 0}.summary-card h3{margin-top:0;color:var(--navy)}.install-page,.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.install-card,.login-card{background:white;border:1px solid #e2d5bd;box-shadow:var(--shadow);border-radius:18px;max-width:520px;width:100%;padding:32px}.install-card h1,.login-card h1{font-family:Georgia,'Times New Roman',serif;color:var(--navy);margin-top:0}.admin-layout{display:flex;min-height:100vh;background:#f5f7fb}.sidebar{width:262px;background:#071936;color:#fff;padding:20px 16px;position:fixed;top:0;bottom:0;left:0;overflow:auto}.brand{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:700;margin:8px 8px 24px}.nav a{display:block;color:#dbe7f6;padding:12px 13px;border-radius:10px;margin:4px 0;font-weight:750}.nav a:hover,.nav a.active{background:#122b57;color:#fff}.main{margin-left:262px;padding:24px;width:calc(100% - 262px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{margin:0;color:#071936}.card{background:#fff;border:1px solid #e6eaf2;border-radius:16px;box-shadow:0 12px 35px rgba(16,24,40,.06);padding:20px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{background:#fff;border:1px solid #e6eaf2;border-radius:16px;padding:20px}.metric .num{font-size:34px;font-weight:900;color:#0b1f45}.metric .label{color:#667085;font-weight:750}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:top}.table th{font-size:12px;color:#667085;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form .full{grid-column:1/-1}.status{font-weight:850;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-flex}.status.Booked{background:#eff8ff;color:#175cd3}.status.Arrived{background:#fff6ed;color:#c4320a}.status.Completed{background:#ecfdf3;color:#027a48}.status.Cancelled,.status.No-show{background:#fef3f2;color:#b42318}.qrbox{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.qrbox img{width:210px;height:210px;border:1px solid #e2d5bd;border-radius:10px;padding:8px;background:#fff}.small{font-size:13px}.mobile-only{display:none}
@media(max-width:900px){.hero h1{font-size:32px}.hero p{font-size:16px}.grid{grid-template-columns:1fr}.panel{padding:24px 18px}.stepper{gap:7px;font-size:13px}.stepper .bar{width:28px}.form-grid,.admin-form,.cards{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto}.admin-layout{display:block}.main{margin-left:0;width:100%;padding:16px}.qrbox{grid-template-columns:1fr}.mobile-only{display:block}.desktop-only{display:none}}

/* V1.5: Disable slots that are behind the current server time */
.slot-btn.closed{background:#fff1f0;color:#b42318;border-color:#fecdca;cursor:not-allowed;text-decoration:line-through;opacity:.86}
.slot-btn.closed:hover{background:#fff1f0;color:#b42318;border-color:#fecdca}

/* V1.6 captcha booking verification */
.captcha-box{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;background:#fff8e7;border:1px solid #eedcae;border-radius:13px;padding:16px;margin-top:16px}
.captcha-box label{display:block;font-weight:800;color:#253858;font-size:14px;margin-bottom:7px}
.captcha-question{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border-radius:10px;background:#071936;color:#fff;font-weight:900;letter-spacing:.02em;margin-bottom:9px}
.captcha-box input{width:100%;border:1px solid #d8cbb4;border-radius:10px;padding:12px 13px;font:inherit;background:#fffdf9;color:var(--text);outline:none}
.captcha-box input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(202,163,65,.16)}
@media(max-width:900px){.captcha-box{grid-template-columns:1fr}.captcha-box .btn{width:100%}}

/* V1.9 Reporting module */
.report-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.report-tab{display:inline-flex;align-items:center;min-height:42px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #e6eaf2;color:#173263;font-weight:850;box-shadow:0 8px 20px rgba(16,24,40,.04)}.report-tab:hover,.report-tab.active{background:#071936;color:#fff;border-color:#071936}.report-cards{margin-bottom:18px}.reports-filter .btn{margin-right:6px;margin-bottom:6px}.nowrap{white-space:nowrap}@media(max-width:900px){.report-tabs{gap:7px}.report-tab{width:100%;justify-content:center}.reports-filter .btn{width:100%;margin-right:0}}