:root{--bg:#0c0d10;--panel:#17181d;--panel2:#1e2026;--line:#383a42;--text:#f6f4f3;--muted:#babcc5;--gold:#ecc48c;--gold2:#b88b50;--red:#c71e25;--green:#83d4a1;--warn:#f6cf86;--radius:17px;font-synthesis:none}
    *{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#261b1c 0,transparent 35%),radial-gradient(ellipse at 0 100%,#191923 0,transparent 42%),var(--bg);color:var(--text);font:15px/1.65 'Anuphan',system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--gold)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #eac281;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,4vw,40px);line-height:1.25;letter-spacing:-.03em}h2{font-size:22px;line-height:1.35}h3{font-size:16px}p{color:var(--muted)}.muted{color:var(--muted)}.eyebrow{color:var(--gold);letter-spacing:.17em;font-weight:700;font-size:11px;text-transform:uppercase}.small{font-size:12px}.hide{display:none!important}.shell{width:min(1180px,100%);margin:auto;padding:24px 24px 65px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:37px;height:37px;border:1px solid #8b4f4e;border-radius:11px;background:linear-gradient(135deg,#b4131c,#5f1015);display:grid;place-items:center;font-size:23px;color:white}.brand strong{display:block;letter-spacing:.075em;font-size:14px}.brand small{color:var(--gold);letter-spacing:.14em;font-size:10px}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pill{border:1px solid #625238;border-radius:99px;color:var(--gold);background:#33281a;padding:4px 10px;font-size:11px;font-weight:700}.ghost,.text-btn{background:transparent;color:var(--muted);border:1px solid var(--line);padding:9px 13px;border-radius:12px}.ghost:hover,.text-btn:hover{color:white;border-color:#78757d}.tagline{background:#271d1c;border:1px solid #543734;color:#f2ceca;border-radius:11px;padding:11px 15px;font-size:12px;display:flex;align-items:center;gap:10px;margin-bottom:24px}.tagline strong{color:#fff}.grid-main{display:grid;grid-template-columns:330px minmax(0,1fr);align-items:start;gap:24px}.side{position:sticky;top:18px}.side-card{border-radius:22px;border:1px solid #4b282b;overflow:hidden;background:linear-gradient(165deg,#2d1519,#16171b 72%);padding:25px;box-shadow:0 14px 50px #0005}.side-card .logo{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:14px}.side-card p{font-size:13px;margin:16px 0;color:#d5c9c9}.side-card .sidebarline{height:1px;background:#57363a;margin:20px 0}.side-card ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.side-card li{font-size:12px;color:#d9cacc;display:flex;align-items:center;gap:9px}.side-card li span{font-size:17px}.main{min-width:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 12px 35px #0003}.card+.card{margin-top:17px}.stack{display:grid;gap:17px}.flex{display:flex;align-items:center;gap:12px;justify-content:space-between}.flex-start{display:flex;align-items:center;gap:12px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.divider{height:1px;background:var(--line);margin:19px 0}.btn{border:0;border-radius:12px;background:var(--gold);color:#251c10;font-weight:700;padding:13px 19px;min-height:47px;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn.secondary{background:#2c2e35;color:#f7f5f3;border:1px solid #545762}.btn.danger{background:#5b2228;color:#fff}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn-wide{width:100%}.actions{display:flex;flex-wrap:wrap;gap:11px;justify-content:space-between;margin-top:24px}.actions .btn{flex:1}.lang-card{width:100%;border:1px solid var(--line);border-radius:15px;background:var(--panel2);color:white;padding:23px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.lang-card:hover{border-color:var(--gold);background:#29272a}.lang-card b{font-size:17px}.lang-card small{display:block;color:var(--muted);font-size:12px}.language-head{text-align:center;margin-bottom:26px}.language-head h1{margin-bottom:10px}.language-head p{max-width:490px;margin:0 auto}.num{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:#392c1c;color:var(--gold);font-weight:700;flex:0 0 36px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:18px}.step{height:5px;border-radius:20px;background:#393b43}.step.done{background:var(--gold)}.step-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;color:var(--muted)}.section-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}.section-head h2{margin:0}.section-head small{color:var(--muted);display:block;font-size:12px}.notice{padding:14px 16px;border:1px solid #70552c;border-radius:12px;background:#2d2419;color:#f2d7a6;font-size:13px;margin-bottom:16px}.notice.red{background:#2a1719;border-color:#70373a;color:#f6c4c5}.notice.green{background:#19281f;border-color:#355c44;color:#bdf0cd}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.rule-important{border:1px solid #554340;background:#282022;border-radius:12px;padding:14px;color:#f4e7dd;font-size:13px}.rule-important b{display:block;color:#f2c58c;margin-bottom:6px}.rule-block{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:10px 0;background:#1d1e24}.rule-block summary{cursor:pointer;padding:13px 16px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center}.rule-block summary:after{content:'⌄';color:var(--gold);font-size:19px}.rule-block[open] summary:after{content:'⌃'}.rule-block .rule-body{padding:0 16px 14px;font-size:13px;color:var(--muted)}.rule-block .rule-body p{margin:8px 0}.rule-block .rule-body ul{padding-left:20px;margin:7px 0}.checkline{display:flex;gap:11px;align-items:flex-start;border:1px solid #66523b;border-radius:12px;background:#2b251f;padding:15px;color:#f8e8d5;font-size:13px;cursor:pointer}.checkline input{width:19px;height:19px;accent-color:#d8ad70;flex:0 0 19px;margin-top:2px}.field{display:block;color:#dfdfe5;font-size:13px;font-weight:600;margin-bottom:7px}.field small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.input{background:#24262d;border:1px solid #52545e;color:white;border-radius:11px;width:100%;padding:12px 13px;min-height:47px;min-width:0}.input::placeholder{color:#989ba8}.input:focus{border-color:var(--gold)}textarea.input{resize:vertical}.choice{border:1px solid #4c4e57;background:#21232a;color:#f5f4f4;border-radius:12px;padding:11px;text-align:center}.choice.active{border-color:var(--gold);background:#332b24;color:#ffdbac}.choices{display:flex;flex-wrap:wrap;gap:7px}.choices .choice{min-width:65px}.date-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.date-button{background:#23242b;border:1px solid #494b54;color:#f8f6f4;border-radius:11px;padding:8px 3px;min-width:0;display:grid;gap:2px;justify-items:center}.date-button .day{font-size:10px;color:#c1c2cb}.date-button b{font-size:17px}.date-button small{font-size:9px;color:#97d5ad;white-space:nowrap}.date-button.busy small{color:var(--warn)}.date-button.blocked small{color:#ff9fa7}.date-button.active{border-color:var(--gold);background:#403224}.legend{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:11px}.legend i{height:8px;width:8px;background:#76d8a0;border-radius:50%;display:inline-block;margin-right:5px}.legend i.busy{background:#f6ca7e}.legend i.blocked{background:#f39ca3}.summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 0;color:#dedfe5;font-size:13px}.summary-line .v{color:#f7f6f4;font-weight:700;text-align:right}.summary-line .good{color:var(--green)}.total{background:linear-gradient(135deg,#342a21,#242124);border:1px solid #6a5439;padding:20px;border-radius:14px}.total .big{font-size:29px;font-weight:700;color:#ffe0a2;line-height:1.4}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:5px 10px;background:#2c2f35;border:1px solid #4b4e56;border-radius:40px;font-size:11px;color:#d8d9df}.filebox{border:1px dashed #7b6650;background:#25221f;color:#e2d3c2;border-radius:12px;padding:20px;text-align:center;cursor:pointer;display:block;font-size:13px}.filebox:hover{border-color:var(--gold)}.link-btn{border:0;background:none;color:var(--gold);text-decoration:underline;padding:0}.done-illustration{margin:auto;width:78px;height:78px;border:2px solid #458657;background:#183025;border-radius:50%;display:grid;place-items:center;color:#8fe1ad;font-size:38px}.text-center{text-align:center}.admin-shell{display:grid;grid-template-columns:215px minmax(0,1fr);gap:18px}.admin-side{padding:16px;border:1px solid var(--line);border-radius:17px;background:#16171c}.admin-side button{display:block;background:transparent;border:0;width:100%;text-align:left;color:#bcbec8;border-radius:10px;padding:11px 12px;margin-bottom:4px}.admin-side button.active{background:#302922;color:var(--gold);font-weight:700}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#212329;border:1px solid #3c3e47;border-radius:13px;padding:17px}.metric strong{display:block;font-size:25px}.metric small{color:var(--muted)}.booking-item{border:1px solid #42444c;background:#202127;border-radius:12px;padding:15px;margin-top:10px}.status{display:inline-block;border-radius:30px;padding:4px 8px;font-size:11px;font-weight:700;background:#453322;color:#f7d6a0}.status.ok{background:#1b3b2a;color:#a4eec2}.status.no{background:#422328;color:#ffadb6}.modal{position:fixed;inset:0;background:#000b;z-index:20;display:grid;place-items:center;padding:18px}.modal .modal-body{position:relative;max-width:430px;width:100%;max-height:calc(100vh - 35px);overflow:auto;border:1px solid #65523a;border-radius:19px;background:#202126;padding:20px}.modal .modal-close{position:absolute;right:13px;top:12px;border:1px solid #5d5d68;border-radius:8px;padding:2px 10px;background:#30323a;color:white}.qr{display:block;width:min(290px,100%);margin:14px auto;border-radius:10px;border:9px solid white;background:white}.muted-sep{font-size:11px;color:#adb0bb;margin-top:12px}footer{padding-top:30px;text-align:center;color:#9396a3;font-size:11px}
    @media (max-width:920px){.grid-main{grid-template-columns:1fr}.side{position:static}.side-card{display:flex;gap:20px;align-items:center;padding:15px}.side-card .logo{width:135px;max-height:118px}.side-card p,.side-card .sidebarline,.side-card ul{display:none}.main{width:100%}}@media(max-width:620px){.shell{padding:14px 12px 35px}.top{gap:10px;align-items:flex-start}.brand strong{font-size:12px}.brand small{font-size:9px}.top-actions .pill{display:none}.ghost{padding:7px 8px;font-size:11px}.tagline{font-size:11px;line-height:1.5}.card{padding:17px;border-radius:13px}.row,.row.three,.rules-grid,.admin-shell{grid-template-columns:1fr}.date-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.date-button{padding:8px 1px}.date-button b{font-size:14px}.date-button .day{font-size:9px}.date-button small{font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.date-button{overflow:hidden}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metric{padding:9px}.metric strong{font-size:19px}.metric small{font-size:9px}.actions{flex-direction:column-reverse}.admin-side{display:flex;overflow-x:auto;padding:8px}.admin-side button{min-width:max-content;margin-bottom:0}.side-card{padding:8px}.side-card .logo{width:100px;max-height:100px}.side-card .eyebrow{font-size:10px}}

/* v2 review refinements */
.brand-mark{width:51px;height:51px;min-width:51px;overflow:hidden;border:1px solid #df8585;background:#b00000;padding:0;border-radius:12px}
.brand-mark img{height:100%;width:100%;object-fit:cover;display:block}
.month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 15px}
.month-toolbar h3{font-size:19px;margin:0;color:#fff;text-align:center}
.month-toolbar .month-sub{font-size:11px;color:var(--muted);text-align:center}
.month-nav{border:1px solid #767079;color:#fff;background:#303139;border-radius:12px;min-width:43px;min-height:42px;font-size:22px}
.month-nav:disabled{opacity:.25;cursor:not-allowed}
.week-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0 0 7px;color:#c9c9cf;text-align:center;font-size:12px;font-weight:600}
.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-empty{min-height:65px;border-radius:11px;background:#191a20;opacity:.4}
.cal-date{position:relative;min-width:0;min-height:66px;padding:7px 2px;border:1px solid #474950;background:#23252d;color:#f6f4f2;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.cal-date strong{font-size:16px;line-height:1.25}
.cal-date small{font-size:10px;color:#bfc3cd;line-height:1.15;text-align:center}
.cal-date.partial{border-color:#9b753d;background:#352a1f}
.cal-date.closed{border-color:#81383e;background:#342025}
.cal-date.selected{outline:2px solid #f6d197;outline-offset:0;background:#3d3329}
.cal-date.past{opacity:.24}
.cal-date:disabled{cursor:not-allowed}
.cal-date.admin-day{cursor:pointer}
.slot-note{margin-top:12px;font-size:12px;color:#d7d2c8}
.booking-emphasis{border:1px solid #c79e61;background:linear-gradient(120deg,#373026,#25252a);padding:18px;border-radius:15px;margin:17px 0 6px}
.booking-emphasis .major-date{font-size:clamp(22px,3.8vw,29px);color:#fff;font-weight:700;line-height:1.32;margin:5px 0 10px}
.booking-emphasis .major-time{font-size:clamp(22px,3vw,28px);color:#ffdfa6;font-weight:700;letter-spacing:.01em}
.booking-emphasis .major-meta{font-size:12px;color:#e3d7ca}
.admin-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}
.admin-rates .hcell{font-size:12px;color:var(--gold);font-weight:700}
.admin-rates label{font-size:13px;color:#f5f0ec}
.admin-rates input{padding:9px;min-height:40px}
.admin-section{border:1px solid #494a53;border-radius:14px;padding:16px;margin-top:16px;background:#1d1f25}
.admin-section h3{margin-bottom:10px}
.rule-editor{border:1px solid #494a53;padding:15px;border-radius:14px;margin:13px 0;background:#202128}
.rule-editor h3{color:#ecd1aa;margin:0 0 11px}
.rule-editor textarea{min-height:76px}
.blocked-item{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid #6a514b;background:#292125;padding:11px;border-radius:11px;margin:7px 0}
.blocked-item button{border:1px solid #8a4b52;background:#4a242a;color:#f5dddd;border-radius:9px;padding:5px 10px}
.demo-alert{border:1px solid #715a37;background:#29241b;border-radius:11px;padding:11px;color:#ffdfac;font-size:12px}
@media(max-width:620px){.month-grid{gap:3px}.cal-date{min-height:57px;padding:6px 0;border-radius:8px}.cal-date strong{font-size:14px}.cal-date small{font-size:8.5px}.cal-empty{min-height:57px}.week-head{gap:3px;font-size:10px}.month-toolbar h3{font-size:16px}.admin-rates{gap:5px}.admin-rates input{font-size:12px;padding:7px}}

  
/* V3 scoped enhancement: return-to-main-site link */
.main-site-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.main-site-link:hover{color:#fff}
@media(max-width:620px){.main-site-link{font-size:10px;padding:7px 8px;white-space:normal;text-align:center}}