: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}}

/* V2.0 branding, pagination and clean report printing */
.sidebar-logo{display:block;max-width:174px;max-height:72px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;margin:2px 8px 14px;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.brand-title{display:inline-block;margin-top:2px}.public-brand-logo{position:relative;z-index:2;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.public-brand-logo img{max-height:78px;max-width:240px;object-fit:contain;background:rgba(255,255,255,.94);border-radius:14px;padding:9px 14px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.logo-preview{border:1px dashed #d8cbb4;background:#fffdf9;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;padding:18px;min-width:220px;min-height:110px;margin-bottom:10px}.logo-preview img{max-width:260px;max-height:120px;object-fit:contain}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:12px 14px;margin:14px 0 20px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.pagination-info{font-weight:750;color:#667085}.pagination-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:9px;background:#edf2f9;color:#173263;font-weight:850}.page-btn.disabled{opacity:.45;pointer-events:none}.page-current{font-weight:850;color:#071936}.per-page-form{display:flex;align-items:center;gap:7px}.per-page-form label{font-size:13px;font-weight:850;color:#667085}.per-page-form select{border:1px solid #d8cbb4;border-radius:8px;padding:7px 8px;background:#fffdf9;color:#071936}.print-report-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;border-bottom:1px solid #e6eaf2;padding-bottom:12px}.print-report-header img{max-width:170px;max-height:70px;object-fit:contain}.print-report-header h2{margin:0;color:#071936}.print-footer{border-top:1px solid #e6eaf2;margin-top:14px;padding-top:10px}.no-print{ }
@media(max-width:900px){.pagination{display:block}.pagination-controls{margin-top:10px}.public-brand-logo img{max-width:210px;max-height:66px}.sidebar-logo{max-width:150px}.print-report-header{display:block}.print-report-header img{margin-bottom:10px}}
@media print{
  body.print-report{background:#fff!important;color:#000!important}
  body.print-report *{visibility:hidden!important}
  body.print-report .print-area,body.print-report .print-area *{visibility:visible!important}
  body.print-report .print-area{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important;border-radius:0!important}
  body.print-report .no-print,body.print-report .no-print *{display:none!important;visibility:hidden!important}
  body.print-report .table-wrap{overflow:visible!important}
  body.print-report .table{width:100%!important;border-collapse:collapse!important;font-size:11px!important}
  body.print-report .table th,body.print-report .table td{border:1px solid #d0d5dd!important;padding:6px!important;color:#000!important;background:#fff!important}
  body.print-report .status,body.print-report .badge{border:1px solid #999!important;background:#fff!important;color:#000!important}
  body.print-report .muted{color:#333!important}
  body.print-report .print-report-header{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px solid #333!important}
  body.print-report .print-report-header img{max-width:150px!important;max-height:60px!important;visibility:visible!important}
  body.print-report .print-footer{visibility:visible!important;color:#333!important}
}

/* V2.1: print isolation, cache-safe pagination styling, and fixed logo holders */
.sidebar .brand{overflow:hidden}
.sidebar-logo{display:block!important;width:174px!important;height:72px!important;max-width:calc(100% - 16px)!important;max-height:72px!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box!important;background:#fff;border-radius:12px;padding:8px;margin:2px 8px 14px;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.public-brand-logo{height:96px;max-height:96px;overflow:hidden}
.public-brand-logo img,.public-logo-img{width:240px!important;height:78px!important;max-width:90vw!important;max-height:78px!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box!important;background:rgba(255,255,255,.94);border-radius:14px;padding:9px 14px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.logo-preview{width:320px;max-width:100%;height:140px;overflow:hidden;border:1px dashed #d8cbb4;background:#fffdf9;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box;margin-bottom:10px}
.logo-preview img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.print-report-header img{width:170px!important;height:70px!important;max-width:170px!important;max-height:70px!important;object-fit:contain!important;object-position:center!important}
.pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid #e6eaf2!important;border-radius:14px!important;padding:12px 14px!important;margin:14px 0 20px!important;box-shadow:0 8px 24px rgba(16,24,40,.04)!important}
.pagination-info{font-weight:750!important;color:#667085!important;line-height:1.4!important}.pagination-info strong{color:#071936!important}.pagination-controls{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.page-btn,.page-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:8px 12px!important;border-radius:9px!important;background:#edf2f9!important;color:#173263!important;font-weight:850!important;text-decoration:none!important;border:1px solid transparent!important;line-height:1!important}.page-btn:hover,.page-number:hover,.page-number.active{background:#071936!important;color:#fff!important;border-color:#071936!important}.page-btn.disabled{opacity:.45!important;pointer-events:none!important}.page-numbers{display:flex!important;align-items:center!important;gap:5px!important}.page-ellipsis{padding:0 3px;color:#667085;font-weight:800}.per-page-form{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}.per-page-form label{font-size:13px!important;font-weight:850!important;color:#667085!important;white-space:nowrap!important}.per-page-form select{border:1px solid #d8cbb4!important;border-radius:8px!important;padding:7px 8px!important;background:#fffdf9!important;color:#071936!important}
@media(max-width:900px){.public-brand-logo{height:82px}.public-brand-logo img,.public-logo-img{width:210px!important;height:66px!important}.sidebar-logo{width:150px!important;height:64px!important}.pagination{display:block!important}.pagination-controls{margin-top:10px!important}.page-numbers{margin:6px 0!important}.per-page-form{width:100%!important;margin-top:8px!important}.per-page-form select{flex:1!important}}
@media print{
  @page{margin:10mm;size:auto}
  body.printable-admin-page{background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.printable-admin-page .sidebar,body.printable-admin-page .topbar,body.printable-admin-page .no-print,body.printable-admin-page .pagination{display:none!important;visibility:hidden!important}
  body.printable-admin-page .admin-layout{display:block!important;background:#fff!important;min-height:0!important;width:100%!important}
  body.printable-admin-page .main{display:block!important;margin:0!important;padding:0!important;width:100%!important;background:#fff!important}
  body.printable-admin-page .card:not(.print-area){display:none!important;visibility:hidden!important}
  body.printable-admin-page .print-area{display:block!important;visibility:visible!important;position:static!important;left:auto!important;top:auto!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
  body.printable-admin-page .print-area *{visibility:visible!important}
  body.printable-admin-page .table-wrap{overflow:visible!important;width:100%!important}
  body.printable-admin-page .table{width:100%!important;border-collapse:collapse!important;font-size:10.5px!important;page-break-inside:auto!important}
  body.printable-admin-page .table tr{page-break-inside:avoid!important;page-break-after:auto!important}
  body.printable-admin-page .table th,body.printable-admin-page .table td{border:1px solid #d0d5dd!important;padding:5px 6px!important;color:#000!important;background:#fff!important}
  body.printable-admin-page .status,body.printable-admin-page .badge{border:1px solid #999!important;background:#fff!important;color:#000!important}
  body.printable-admin-page .muted{color:#333!important}
  body.printable-admin-page .print-report-header{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important;padding:0 0 8px!important;border-bottom:1px solid #333!important}
  body.printable-admin-page .print-report-header img{width:170px!important;height:70px!important;max-width:170px!important;max-height:70px!important;object-fit:contain!important;visibility:visible!important}
  body.printable-admin-page .print-report-header h2{margin:0!important;color:#000!important;font-size:18px!important}
  body.printable-admin-page .print-footer{visibility:visible!important;color:#333!important;border-top:1px solid #d0d5dd!important;margin-top:10px!important;padding-top:8px!important;font-size:10px!important}
}