:root{--ink:#090c0a;--ink-soft:#171c19;--surface:#eef1ee;--paper:#f8faf8;--cream:#e1e6e2;--accent:#c7d0cb;--accent-dark:#7e8d86;--green:#063b2c;--green-light:#2c3833;--amber:#a8b2ad;--red:#e4473b;--line:#090c0a26;--muted:#66716b;--radius:2px;--shadow:0 20px 70px #080a0824;color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,sans-serif}*{box-sizing:border-box}::selection{background:var(--accent);color:var(--ink)}html{scroll-behavior:smooth;scrollbar-gutter:stable;overflow-x:clip}body{background:var(--surface);min-width:0;margin:0;overflow-x:clip}#root{overflow-x:clip}body,button,input{font-family:DM Sans,sans-serif}input{accent-color:var(--green);caret-color:var(--green)}input::selection{background:var(--accent);color:var(--ink)}input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{width:100%;display:block}h1,h2,h3,p{margin:0}.mobile-heading-copy{display:none}button{cursor:pointer;border:0}*{scrollbar-width:thin;scrollbar-color:var(--green) var(--surface)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--green);border:3px solid var(--surface);border-radius:999px}.shell{width:min(1380px,100% - 80px);margin-inline:auto}.section-space{padding-block:136px}.eyebrow,.micro{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.eyebrow.dark{color:var(--green)}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 22px;font-size:13px;font-weight:600;line-height:20px;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.acid{background:var(--green);color:#fff}.button.acid:hover{background:var(--green-light)}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:var(--green)}.button.cream{background:var(--cream);color:var(--ink)}.button.line{border-color:var(--line);color:var(--ink);background:0 0}.button.small{min-height:38px;padding:0 16px}.button.full{width:100%}.logo{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.logo>span:last-child{letter-spacing:.15em;font-size:11px;line-height:10px;display:grid}.logo strong{font-weight:600}.logo-light{color:#fff}.logo-mark{object-fit:cover;background:#fff;border-radius:6px;width:32px;height:32px}.logo-light .logo-mark{box-shadow:0 0 0 1px #ffffff29}.site-header{z-index:50;background:linear-gradient(#0508067a,#0000);border-bottom:1px solid #ffffff29;transition:background .24s,border-color .24s,box-shadow .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s;position:fixed;inset:0 0 auto}.site-header.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090c0ae6;border-color:#ffffff1a;box-shadow:0 10px 30px #00000029}.header-inner{justify-content:space-between;align-items:center;height:82px;display:flex}.header-inner nav{align-items:center;gap:36px;display:flex}.header-inner nav button{color:#fffc;background:0 0;padding:10px 0;font-size:13px;font-weight:500;line-height:20px;transition:color .2s}.header-inner nav button:hover{color:#fff}.header-inner nav .nav-play{background:var(--accent);min-height:44px;color:var(--ink);align-items:center;gap:10px;padding:5px 7px 5px 6px;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #10131029}.header-inner nav .nav-play:hover{color:var(--ink);background:#eef2ef;transform:translateY(-2px);box-shadow:0 8px 22px #0000002e}.nav-play .nav-ball{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-family:Archivo,sans-serif;font-size:13px;font-weight:800;line-height:1;display:grid}.nav-play>span:nth-child(2){padding-right:3px}.nav-play>svg{border-left:1px solid #1013102e;width:31px;height:31px;padding:8px}.menu-button{color:#fff;background:0 0;display:none}.hero{color:#fff;background:#080a09;height:100vh;min-height:820px;position:relative;overflow:hidden}.hero>img{object-fit:cover;object-position:center;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#050806d6 0%,#0508065c 48%,#05080614 75%),linear-gradient(#0000 58%,#050806a6);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;justify-content:center;height:100%;padding-top:18vh;padding-bottom:86px;display:flex;position:relative}.live-kicker{letter-spacing:.04em;color:#ffffffbd;align-items:center;gap:9px;margin-bottom:30px;font-size:12px;font-weight:500;line-height:18px;display:flex}.live-kicker span{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #a8b2ad2e}.hero h1{letter-spacing:-.06em;max-width:980px;font-family:Archivo,sans-serif;font-size:clamp(68px,7.6vw,112px);font-weight:700;line-height:.9}.hero-bottom{align-items:flex-end;gap:60px;margin-top:47px;display:flex}.hero-bottom p{color:#ffffffc2;max-width:410px;font-size:14px;font-weight:400;line-height:23px}.hero-cta{min-height:50px}.hero-index{z-index:3;letter-spacing:.12em;color:#ffffff8f;writing-mode:vertical-rl;align-items:center;gap:12px;font-size:10px;line-height:15px;display:flex;position:absolute;bottom:30px;right:40px;transform:rotate(180deg)}.hero-index span{background:#ffffff5c;width:1px;height:38px}.live-section{background:var(--surface)}.section-heading h2{letter-spacing:-.055em;margin-top:18px;font-family:Archivo,sans-serif;font-size:clamp(44px,5vw,72px);font-weight:700;line-height:.96}.section-heading h2 em{color:var(--green);font-family:inherit;font-style:normal;font-weight:700}.split-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:100px;margin-bottom:60px;display:grid}.section-note{text-transform:uppercase;letter-spacing:.08em;justify-self:end;max-width:400px;font-size:11px;font-weight:500;line-height:17px}.section-note .pulse-dot{background:var(--green-light);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #0630231a}.section-note p{letter-spacing:0;text-transform:none;color:var(--muted);margin-top:18px;font-size:13px;font-weight:400;line-height:22px}.room-plan{border:1px solid var(--line);background-color:#dfe5e1;background-image:linear-gradient(#063b2c0b 1px,#0000 1px),linear-gradient(90deg,#063b2c0b 1px,#0000 1px);background-size:28px 28px;padding:80px 105px 28px;position:relative;overflow:hidden}.room-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;font-size:10px;font-weight:500;display:flex;position:absolute}.room-label span{background:currentColor;width:18px;height:1px}.entrance{top:31px;left:28px}.bar-counter{background:#eef1eeb8;border:1px solid #090c0a40;flex-direction:column;justify-content:space-around;align-items:center;width:54px;display:flex;position:absolute;top:82px;bottom:70px;left:24px}.bar-counter>span{white-space:nowrap;letter-spacing:.18em;font-size:9px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.bar-counter i{border:1px solid #10131038;border-radius:50%;width:13px;height:13px}.stair-switch{z-index:3;flex-direction:column;align-items:center;width:58px;display:flex;position:absolute;top:80px;bottom:68px;right:22px}.stair-switch button{background:var(--ink);color:#fff;border:1px solid #10131038;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:58px;min-height:78px;transition:background .2s,transform .2s;display:flex;box-shadow:0 9px 24px #1013101f}.stair-switch button:hover{background:var(--green);transform:translateY(-2px)}.stair-switch button span{font-family:Manrope,sans-serif;font-size:11px;font-weight:600;line-height:15px}.stair-switch button svg{transform:rotate(-90deg)}.floor-2 .stair-switch button svg{transform:rotate(90deg)}.stairs{flex-direction:column;flex:1;justify-content:center;align-items:flex-end;gap:3px;width:48px;display:flex}.stairs i{border-top:1px solid #1013106b;border-right:1px solid #1013106b;height:8px}.stairs i:first-child{width:16px}.stairs i:nth-child(2){width:21px}.stairs i:nth-child(3){width:26px}.stairs i:nth-child(4){width:31px}.stairs i:nth-child(5){width:36px}.stairs i:nth-child(6){width:41px}.stairs i:nth-child(7){width:46px}.floor-2 .stairs{transform:scaleY(-1)}.stair-switch small{letter-spacing:.14em;color:var(--muted);font-size:8px;font-weight:600;line-height:12px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.table-card{background:#f8faf8f0;border:1px solid #090c0a24;min-width:0;padding:20px;transition:border-color .2s,transform .2s;position:relative;box-shadow:0 10px 30px #14181409}.table-card:hover{border-color:#10131052;transform:translateY(-2px)}.table-card.warning{border-color:#ef4438b8;animation:1.05s ease-in-out infinite cardAlert}.table-card.warning .status-pill{color:#a62d25;background:#f5d9d4}.table-card.warning .status-pill span{background:var(--red)}@keyframes cardAlert{50%{border-color:var(--red);background:#fff0ed;box-shadow:0 0 0 4px #ef44383d,0 14px 36px #7e181224}}.table-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.table-card-top .micro{color:var(--muted)}.table-card h3{margin-top:3px;font-size:16px;font-weight:600;line-height:24px}.status-pill{white-space:nowrap;background:#e3e8e5;border-radius:999px;align-items:center;gap:7px;height:25px;padding:0 10px;font-size:10px;font-weight:500;line-height:20px;display:inline-flex}.status-pill span{background:#858b83;border-radius:50%;width:6px;height:6px}.status-pill.available{color:#087a4c;background:#d8f5e4;box-shadow:inset 0 0 0 1px #21a7651f}.status-pill.available span{background:#21a765;box-shadow:0 0 0 3px #21a7651f}.status-pill.active{color:#a62d25;background:#f9dedb;box-shadow:inset 0 0 0 1px #e4473b1a}.status-pill.active span{background:var(--red)}.status-pill.expired{color:#a62d25;background:#f5d9d4}.status-pill.expired span{background:var(--red)}.status-pill.paused{color:#45534c;background:#dce3df}.status-pill.paused span{background:var(--accent-dark)}.pool-table-visual{aspect-ratio:2;background:var(--green);width:min(86%,450px);box-shadow:inset 0 0 0 2px var(--accent-dark), 0 8px 17px #0b0f0c29;border:8px solid #151917;border-radius:7px;margin:27px auto;position:relative;overflow:hidden}.pool-table-visual:before,.pool-table-visual:after{content:"";background:#151917;width:17px;height:12px;position:absolute;bottom:-11px}.pool-table-visual:before{left:15%}.pool-table-visual:after{right:15%}.pool-table-visual .pocket{z-index:2;background:#111;border-radius:50%;width:10px;height:10px;position:absolute}.pool-table-visual .p1{top:-5px;left:-5px}.pool-table-visual .p2{top:-5px;left:calc(50% - 5px)}.pool-table-visual .p3{top:-5px;right:-5px}.pool-table-visual .p4{bottom:-5px;left:-5px}.pool-table-visual .p5{bottom:-5px;left:calc(50% - 5px)}.pool-table-visual .p6{bottom:-5px;right:-5px}.center-line{border-left:1px solid #ffffff26;position:absolute;top:0;bottom:0;left:27%}.cue-ball{background:#f6f2df;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:18%;box-shadow:0 1px 2px #0000004d}.rack{grid-template-columns:repeat(3,6px);align-content:center;width:20px;height:24px;display:grid;position:absolute;top:calc(50% - 12px);right:20%;transform:rotate(-90deg)}.rack i{background:#f2cc55;border-radius:50%;width:6px;height:6px;box-shadow:inset -1px -1px 1px #0000004d}.rack i:nth-child(2n){background:#9c3028}.rack i:nth-child(3n){background:#263b74}.felt-label{color:#ffffff54;letter-spacing:.08em;font-size:8px;line-height:10px;position:absolute;bottom:7px;right:10px}.pool-table-visual.available{background:var(--green-light)}.pool-table-visual.active{box-shadow:inset 0 0 0 2px var(--accent-dark), 0 0 0 3px #a8b2ad29, 0 8px 17px #0b0f0c29}.pool-table-visual.warning{animation:1.15s ease-in-out infinite tableAlert}.pool-table-visual.maintenance{filter:grayscale();opacity:.55}@keyframes tableAlert{50%{box-shadow:inset 0 0 0 2px var(--accent-dark), 0 0 0 5px #ef44388c, 0 8px 17px #0b0f0c29}}.table-card-bottom{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:58px;padding-top:16px;display:flex}.table-card-bottom>div:first-child{flex-direction:column;margin-right:auto;display:flex}.table-card-bottom div>strong{font-size:13px;font-weight:600;line-height:20px}.table-card-bottom div>span,.countdown-wrap>span{color:var(--muted);font-size:11px;font-weight:400;line-height:17px}.countdown-wrap .countdown{font-variant-numeric:tabular-nums;margin-top:1px;font-family:Manrope,sans-serif;font-size:22px;font-weight:600;line-height:27px}.table-card.warning .countdown{color:var(--red)}.added-chip{border:1px solid var(--accent-dark);white-space:nowrap;background:#a8b2ad38;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:600;line-height:15px;display:inline-flex}.expired-copy strong{color:var(--red)}.room-legend{justify-content:flex-end;align-items:center;gap:22px;padding-top:24px;display:flex}.room-legend span{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:500;line-height:15px;display:flex}.room-legend i{background:#858b83;border-radius:50%;width:7px;height:7px}.room-legend i.available{background:#21a765}.room-legend i.active{background:var(--red)}.room-legend i.warning{background:var(--red);animation:1.05s ease-in-out infinite legendAlert;box-shadow:0 0 0 3px #e4473b29}@keyframes legendAlert{50%{opacity:.25;box-shadow:0 0 0 5px #e4473b14}}.how-section{color:#fff;background:linear-gradient(118deg,#07110d 0%,#05271d 54%,#063b2c 100%);position:relative;overflow:hidden}.how-section:before{content:"";pointer-events:none;border:1px solid #c7d0cb17;border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;right:-120px;box-shadow:0 0 0 70px #c7d0cb06,0 0 0 140px #c7d0cb05}.how-section>.shell{z-index:1;position:relative}.how-grid{grid-template-columns:.9fr 1.1fr;gap:120px;display:grid}.how-grid>div h2{letter-spacing:-.055em;max-width:540px;margin-top:20px;font-family:Archivo,sans-serif;font-size:clamp(44px,4.8vw,68px);font-weight:700;line-height:.97}.how-grid ol{border-top:1px solid #fff3;margin:0;padding:0;list-style:none}.how-grid li{border-bottom:1px solid #fff3;grid-template-columns:50px 1fr auto;align-items:center;gap:24px;min-height:150px;display:grid}.how-grid li>span{color:var(--accent);align-self:start;padding-top:38px;font-family:Manrope;font-size:11px;line-height:17px}.how-grid li h3{font-size:16px;font-weight:600;line-height:24px}.how-grid li p{color:#fff9;max-width:430px;margin-top:6px;font-size:13px;line-height:22px}.how-grid li>svg{color:#ffffff59;stroke-width:1.3px}.gallery-section{background:var(--paper);position:relative}.gallery-section:before{content:"";background:var(--green);width:8px;position:absolute;inset:0 auto 0 0}.gallery-heading{border-left:2px solid var(--green);grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:72px;padding-left:28px;display:grid}.gallery-heading p{max-width:400px;color:var(--muted);justify-self:end;font-size:14px;line-height:23px}.gallery-grid{grid-template-rows:repeat(2,330px);grid-template-columns:1.35fr .65fr;gap:18px;display:grid}.gallery-grid figure{background:#ccc;margin:0;position:relative;overflow:hidden}.gallery-grid .gallery-main{grid-row:1/3}.gallery-grid img{object-fit:cover;height:100%;transition:transform .7s}.gallery-grid figure:hover img{transform:scale(1.025)}.gallery-grid figcaption{color:#fff;background:linear-gradient(#0000,#050806b8);align-items:center;gap:11px;padding:45px 18px 16px;font-size:12px;font-weight:500;line-height:18px;display:flex;position:absolute;inset:auto 0 0}.gallery-grid figcaption span{color:var(--accent);font-size:10px}.closing-cta{color:#fff;background:#050706;min-height:620px;position:relative;overflow:clip}.closing-cta:before{content:"";background-image:radial-gradient(at 50% 40%,#063b2ca8 0%,#063b2c3d 32%,#0000 68%),linear-gradient(#679d8607 1px,#0000 1px),linear-gradient(90deg,#679d8607 1px,#0000 1px);background-size:auto,54px 54px,54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 32% 68%,#0000 95%);mask-image:linear-gradient(90deg,#0000 5%,#000 32% 68%,#0000 95%)}.closing-cta:after{content:"";filter:blur(90px);pointer-events:none;background:#0c533e2e;border-radius:50%;width:540px;height:360px;position:absolute;bottom:-230px;left:50%;transform:translate(-50%)}.closing-inner{z-index:2;grid-template-rows:1fr auto;min-height:620px;padding-block:76px 38px;display:grid;position:relative}.cta-copy{text-align:center;align-self:center}.cta-kicker{color:#ffffff9e;align-items:center;gap:10px;display:inline-flex}.cta-kicker span{color:#fff;background:#00000047;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:28px;height:28px;font-family:Archivo,sans-serif;font-size:11px;font-weight:800;display:grid}.cta-kicker strong{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:600;line-height:14px}.closing-cta h2{letter-spacing:-.058em;max-width:900px;margin:24px auto 34px;font-family:Archivo,sans-serif;font-size:clamp(52px,6.4vw,88px);font-weight:700;line-height:.94}.cta-facts{border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:clamp(30px,7vw,100px);padding-top:24px;display:grid}.cta-facts>div{padding:0}.cta-facts span,.cta-facts strong{display:block}.cta-facts span{letter-spacing:.08em;color:#ffffff75;text-transform:uppercase;font-size:10px;font-weight:500;line-height:15px}.cta-facts strong{margin-top:7px;font-size:14px;font-weight:500;line-height:22px}#meja,#galeri,#tentang{scroll-margin-top:82px}.footer{color:#fff;background:#090b0a;padding:80px 0 24px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:60px;padding-bottom:72px;display:grid}.footer-grid>div:first-child>p{max-width:260px;margin-top:26px}.footer-grid span{letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:500;line-height:15px}.footer-grid p{color:#ffffff8f;margin-top:15px;font-size:12px;line-height:20px}.footer-bottom{color:#fff6;border-top:1px solid #ffffff24;justify-content:space-between;padding-top:22px;font-size:10px;line-height:15px;display:flex}.studio-credit{color:#ffffff9e}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#060807b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--paper);width:min(560px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);padding:38px;animation:.22s ease-out modalIn;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}}.modal-close{border:1px solid var(--line);background:0 0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:18px;right:18px}.modal-panel .eyebrow{color:var(--green)}.modal-panel h2{letter-spacing:-.025em;margin:11px 42px 10px 0;font-family:Manrope,sans-serif;font-size:28px;font-weight:600;line-height:34px}.modal-description{color:var(--muted);margin-bottom:24px;font-size:13px;line-height:21px}.modal-panel form{margin-top:24px}.modal-panel label{gap:8px;margin-bottom:18px;font-size:13px;font-weight:500;line-height:20px;display:grid}.modal-panel input{border:1px solid var(--line);width:100%;height:48px;color:var(--ink);background:#fff;border-radius:0;padding:0 14px;font-size:14px;font-weight:500;line-height:21px}.modal-panel input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #0630231a}.modal-panel fieldset{border:0;margin:22px 0 0;padding:0}.modal-panel legend{margin-bottom:10px;font-size:13px;font-weight:500;line-height:20px}.booking-mode{background:#e1e7e3;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0 18px;padding:4px;display:grid}.booking-mode button{min-height:45px;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.booking-mode button.active{background:var(--ink);color:#fff;box-shadow:0 4px 14px #10131021}.legend-note{color:var(--muted);margin-left:6px;font-size:10px;font-weight:400}.duration-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.duration-grid button{border:1px solid var(--line);background:#fff;align-content:center;place-items:center;min-height:66px;display:grid}.duration-grid button.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#e3eae6}.duration-grid strong{font-size:16px;line-height:22px}.duration-grid span{color:var(--muted);font-size:10px;line-height:15px}.reservation-picker{padding:2px 0 4px}.today-date-card{color:var(--green);background:#e3eae6;border:1px solid #7e8d8680;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-top:20px;padding:13px 14px;display:grid}.today-date-card span,.today-date-card strong{display:block}.today-date-card span{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600;line-height:14px}.today-date-card strong{color:var(--ink);margin-top:2px;font-size:12px;font-weight:600;line-height:18px}.date-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.date-strip button{border:1px solid var(--line);background:#fff;align-content:center;place-items:center;min-height:70px;display:grid}.date-strip button.selected,.time-grid button.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#e3eae6}.date-strip span,.date-strip small{color:var(--muted);text-transform:uppercase;font-size:9px;line-height:14px}.date-strip strong{font-family:Manrope,sans-serif;font-size:18px;line-height:21px}.time-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.time-grid button{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fff;min-height:39px;font-size:11px;font-weight:600}.time-grid button:disabled{cursor:not-allowed;opacity:.34;text-decoration:line-through}.time-input-wrap{border:1px solid var(--line);height:54px;color:var(--green);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s;position:relative;gap:11px!important;margin:0!important;display:grid!important}.time-input-wrap:focus-within{border-color:var(--green);background:#f1f5f2;box-shadow:0 0 0 3px #063b2c1a}.time-input-wrap.conflict{color:var(--red);background:#fff8f6;border-color:#ef4438a6}.time-input-wrap input{min-width:0;height:52px;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-family:Manrope,sans-serif;font-size:19px;font-weight:600;line-height:24px}.time-input-wrap input:focus{box-shadow:none;border:0;outline:0}.time-input-wrap input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.time-input-wrap>span{letter-spacing:.1em;color:var(--muted);font-size:9px;font-weight:600;line-height:14px}.time-conflict{color:#a62d25;margin-top:7px;font-size:10px;line-height:16px}.custom-time-picker{position:relative}.time-picker-trigger{border:1px solid var(--line);width:100%;height:56px;color:var(--green);text-align:left;background:#fff;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid}.time-picker-trigger:hover,.time-picker-trigger[aria-expanded=true]{border-color:var(--green);background:#f1f5f2;box-shadow:0 0 0 3px #063b2c1a}.time-picker-trigger strong{color:var(--ink);font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:19px;font-weight:600;line-height:24px}.time-picker-trigger span{letter-spacing:.1em;color:var(--muted);font-size:9px;font-weight:600;line-height:14px}.time-picker-trigger>svg:last-child{color:var(--muted);transition:transform .2s}.time-picker-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.custom-time-picker.conflict .time-picker-trigger{color:var(--red);background:#fff8f6;border-color:#ef4438a6}.custom-time-popover{background:var(--paper);border:1px solid #7e8d867a;margin-top:8px;padding:16px;animation:.18s ease-out timeDrop;box-shadow:0 18px 42px #1013101f}@keyframes timeDrop{0%{opacity:0;transform:translateY(-5px)}}.time-popover-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:13px;display:flex}.time-popover-head span,.time-popover-head small{display:block}.time-popover-head span{font-size:11px;font-weight:700;line-height:16px}.time-popover-head small{color:var(--muted);margin-top:1px;font-size:9px;line-height:14px}.time-popover-head>strong{color:var(--green);font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:21px;line-height:25px}.time-adjuster{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding-block:15px;display:grid}.hour-stepper>span,.minute-picker>span{color:var(--muted);letter-spacing:.12em;margin-bottom:7px;font-size:8px;font-weight:700;line-height:12px;display:block}.hour-stepper>div{border:1px solid var(--line);background:#fff;grid-template-columns:38px 1fr 38px;align-items:center;height:46px;display:grid}.hour-stepper button{height:100%;color:var(--green);background:0 0;place-items:center;display:grid}.hour-stepper button:hover{background:#e3eae6}.hour-stepper strong{text-align:center;font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:20px;line-height:24px}.time-colon{color:var(--green);align-self:end;padding-bottom:12px;font-family:Manrope,sans-serif;font-size:21px;font-weight:700}.minute-picker>div{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.minute-picker button{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fff;height:46px;font-size:11px;font-weight:600}.minute-picker button.selected{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 0 0 2px #7e8d8659}.apply-time{min-height:42px}.policy-note{border-left:3px solid var(--green);color:#45534c;background:#e3eae6;grid-template-columns:auto 1fr;gap:11px;margin-top:18px;padding:13px 14px;display:grid}.policy-note svg{margin-top:2px}.policy-note p{font-size:11px;line-height:18px}.policy-note strong{font-weight:700}.form-error{color:#a62d25;background:#f5d9d4;margin-top:14px;padding:9px 11px;font-size:11px;font-weight:500;line-height:17px}.payment-description{max-width:450px}.payment-total{background:var(--green);color:#fff;padding:18px;display:grid}.payment-total span{color:#ffffff9e;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:15px}.payment-total strong{letter-spacing:-.025em;margin-top:6px;font-family:Manrope,sans-serif;font-size:28px;font-weight:600;line-height:33px}.payment-total small{color:var(--accent);margin-top:3px;font-size:10px;line-height:15px}.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.payment-methods button{border:1px solid var(--line);min-height:48px;color:var(--muted);background:#fff;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.payment-methods button.active{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 0 0 2px #7e8d8657}.bank-payment,.qris-payment{border:1px solid var(--line);background:#fff;margin-top:10px}.bank-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.bank-head span{color:var(--green);letter-spacing:.1em;font-size:9px;font-weight:700;line-height:14px}.bank-head strong{font-size:11px;line-height:17px}.account-number{grid-template-columns:1fr auto;align-items:center;gap:15px;padding:16px 15px 8px;display:grid}.account-number span,.account-number strong{display:block}.account-number span{color:var(--muted);font-size:9px;line-height:14px}.account-number strong{letter-spacing:.03em;font-variant-numeric:tabular-nums;margin-top:2px;font-family:Manrope,sans-serif;font-size:21px;font-weight:600;line-height:26px}.account-number button{border:1px solid var(--line);height:35px;color:var(--green);background:#eef2ef;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.bank-payment>p{color:var(--muted);padding:0 15px 15px;font-size:10px;line-height:15px}.qris-payment{grid-template-columns:122px minmax(0,1fr);align-items:center;gap:18px;padding:16px;display:grid}.qris-code{width:122px;height:122px;box-shadow:0 0 0 1px var(--line);background:#fff;border:5px solid #fff;padding:8px;position:relative}.qris-pattern{background:#fff;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%;height:100%;display:grid}.qris-pattern i{background:0 0}.qris-pattern i:nth-child(2n),.qris-pattern i:nth-child(3n),.qris-pattern i:nth-child(7n),.qris-pattern i:nth-child(11n){background:var(--ink)}.qris-pattern i:nth-child(9n+1),.qris-pattern i:nth-child(9n+2){background:var(--green)}.qris-code img{background:#fff;border-radius:5px;width:28px;height:28px;padding:4px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.qris-payment>div:last-child span,.qris-payment>div:last-child strong,.qris-payment>div:last-child small{display:block}.qris-payment>div:last-child span{color:var(--green);letter-spacing:.1em;font-size:9px;font-weight:700;line-height:14px}.qris-payment>div:last-child strong{margin-top:7px;font-size:12px;line-height:18px}.qris-payment>div:last-child small{color:var(--muted);margin-top:3px;font-size:9px;line-height:14px}.payment-instruction{grid-template-columns:auto 1fr;gap:5px 9px;margin:14px 0;padding:0 2px;display:grid}.payment-instruction span{color:var(--accent-dark);font-family:Manrope,sans-serif;font-size:9px;font-weight:700;line-height:16px}.payment-instruction p{color:var(--muted);font-size:10px;line-height:16px}.demo-payment-notice{color:var(--red);background:#e4473b12;border:1px solid #e4473b52;grid-template-columns:auto 1fr;gap:10px;margin:0 0 14px;padding:12px 14px;display:grid}.demo-payment-notice svg{margin-top:2px}.demo-payment-notice strong,.demo-payment-notice span{display:block}.demo-payment-notice strong{font-size:11px;line-height:17px}.demo-payment-notice span{color:var(--muted);margin-top:1px;font-size:9px;line-height:15px}.proof-upload{cursor:pointer;background:#f1f5f2;border:1px dashed #063b2c6b;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;padding:14px;transition:background .2s,border-color .2s;gap:12px!important;margin:0!important;display:grid!important}.proof-upload:hover,.proof-upload.uploaded{border-style:solid;border-color:var(--accent-dark);background:#e3eae6}.proof-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.proof-icon{background:var(--green);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.proof-upload>span:last-child{min-width:0}.proof-upload strong,.proof-upload small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.proof-upload strong{font-size:11px;line-height:17px}.proof-upload small{color:var(--muted);margin-top:2px;font-size:9px;line-height:14px}.demo-proof-button{border:1px solid var(--line);width:100%;min-height:40px;color:var(--green);background:#fff;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:10px;font-weight:700;display:flex}.payment-actions{grid-template-columns:.75fr 1.55fr;gap:8px;margin-top:16px;display:grid}.payment-security{color:var(--muted);text-align:center;margin-top:10px;font-size:9px;line-height:15px}.customer-session-chip{z-index:85;background:var(--paper);min-width:300px;color:var(--ink);text-align:left;border:1px solid #7e8d8694;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px 12px;display:grid;position:fixed;bottom:24px;left:24px;box-shadow:0 16px 46px #00000029}.customer-session-chip.confirmed{border-color:var(--green);background:var(--green);color:#fff}.customer-session-chip.failed{border-color:#e4473b85}.session-status-icon{background:var(--accent);width:34px;height:34px;color:var(--green);border-radius:50%;place-items:center;display:grid}.customer-session-chip small,.customer-session-chip strong{display:block}.customer-session-chip small{color:var(--accent-dark);letter-spacing:.1em;font-size:8px;font-weight:700;line-height:12px}.customer-session-chip strong{margin-top:2px;font-size:11px;line-height:16px}.customer-session-chip.confirmed small{color:var(--accent)}.customer-status-hero{background:#e3eae6;border:1px solid #7e8d867a;grid-template-columns:auto 1fr;gap:13px;margin-top:22px;padding:16px;display:grid}.customer-status-hero.confirmed{border-color:var(--green);background:var(--green);color:#fff}.customer-status-hero.failed{background:#e4473b14;border-color:#e4473b66}.customer-status-hero>span{background:var(--accent);width:42px;height:42px;color:var(--green);border-radius:50%;place-items:center;display:grid}.customer-status-hero strong{font-size:13px;line-height:20px}.customer-status-hero p{color:var(--muted);margin-top:3px;font-size:10px;line-height:16px}.customer-status-hero.confirmed p{color:#ffffffa6}.status-timeline{margin:22px 0;padding:0;list-style:none}.status-timeline li{grid-template-columns:30px 1fr;gap:11px;min-height:66px;display:grid;position:relative}.status-timeline li:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:28px;bottom:0;left:14px}.status-timeline li>span{z-index:1;border:1px solid var(--line);width:29px;height:29px;color:var(--muted);background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid;position:relative}.status-timeline li.done>span{border-color:var(--green);background:var(--green);color:var(--accent)}.status-timeline li.current>span{border-color:var(--green);background:var(--accent);color:var(--green);box-shadow:0 0 0 4px #a8b2ad2e}.status-timeline strong,.status-timeline small{display:block}.status-timeline strong{font-size:11px;line-height:17px}.status-timeline small{color:var(--muted);margin-top:2px;font-size:9px;line-height:14px}.status-receipt{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.status-receipt>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.status-receipt>div:nth-child(2n){border-right:0}.status-receipt>div:nth-last-child(-n+2){border-bottom:0}.status-receipt span,.status-receipt strong{display:block}.status-receipt span{color:var(--muted);font-size:9px;line-height:14px}.status-receipt strong{margin-top:2px;font-size:11px;line-height:17px}.status-session-note{color:var(--muted);text-align:center;margin-top:12px;font-size:9px;line-height:15px}.status-link-button{border:1px solid var(--line);width:100%;color:var(--green);text-align:left;background:#f1f5f2;grid-template-columns:auto 1fr;align-items:center;gap:11px;margin-top:12px;padding:13px;display:grid}.status-link-button strong,.status-link-button small{display:block}.status-link-button strong{font-size:10px;line-height:16px}.status-link-button small{color:var(--muted);margin-top:2px;font-size:9px;line-height:14px}.price-summary{border-block:1px solid var(--line);justify-content:space-between;align-items:center;margin:18px 0;padding:16px 0;display:flex}.price-summary span{color:var(--muted);font-size:12px;line-height:19px}.price-summary strong{font-size:16px;font-weight:600;line-height:24px}.modal-row{gap:8px;margin-top:8px;display:flex}.modal-row .button{flex:1}.danger-link{color:#a52d25;background:0 0;width:100%;margin-top:18px;padding:8px;font-size:12px;line-height:18px}.admin-login-page{background:var(--surface);grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.admin-login-visual{background:var(--ink);color:#fff;min-height:100vh;position:relative;overflow:hidden}.admin-login-visual>img,.admin-login-shade{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.admin-login-shade{background:linear-gradient(#00000029 28%,#031b14f0),linear-gradient(90deg,#00000047,#0000)}.admin-login-visual>div:last-child{z-index:2;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:100vh;padding:clamp(42px,6vw,86px);display:flex;position:relative}.admin-login-visual .logo{position:absolute;top:clamp(34px,5vw,64px);left:clamp(42px,6vw,86px)}.admin-login-visual .eyebrow{color:var(--accent)}.admin-login-visual h1{letter-spacing:-.06em;margin-top:18px;font-family:Archivo,sans-serif;font-size:clamp(50px,5.5vw,82px);font-weight:700;line-height:.93}.admin-login-visual p{color:#ffffffa6;max-width:430px;margin-top:25px;font-size:13px;line-height:22px}.admin-login-form{align-content:center;place-items:center;min-height:100vh;padding:80px clamp(36px,6vw,90px);display:grid;position:relative}.login-back{color:var(--muted);background:0 0;align-items:center;gap:8px;padding:10px;font-size:10px;font-weight:600;display:flex;position:absolute;top:34px;right:38px}.login-back svg{transform:rotate(180deg)}.login-card{border:1px solid var(--line);background:var(--paper);width:min(430px,100%);padding:42px;box-shadow:0 28px 80px #0630231a}.login-lock{background:var(--green);width:46px;height:46px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:22px;display:grid}.login-card h2{letter-spacing:-.045em;margin-top:10px;font-family:Archivo,sans-serif;font-size:34px;font-weight:700;line-height:1}.login-card>p{color:var(--muted);margin-top:12px;font-size:12px;line-height:19px}.login-card form{margin-top:27px}.login-card label{gap:8px;margin-bottom:17px;font-size:11px;font-weight:600;line-height:17px;display:grid}.login-card label>div{border:1px solid var(--line);height:52px;color:var(--green);background:#fff;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 14px;display:grid}.login-card input{background:0 0;border:0;outline:0;width:100%;height:50px;padding:0;font-size:13px}.login-card .button{min-height:52px;margin-top:5px}.login-security{color:var(--muted);font-size:9px;line-height:14px;position:absolute;bottom:26px}.admin-auth-loading{background:var(--paper);min-height:100svh;color:var(--muted);place-content:center;justify-items:center;gap:18px;font-size:11px;display:grid}.button:disabled,button:disabled{cursor:wait;opacity:.58}.admin-page{background:var(--surface);min-height:100vh}.admin-sidebar{z-index:30;color:#fff;background:#031b14;flex-direction:column;width:272px;padding:34px 24px 22px;display:flex;position:fixed;inset:0 auto 0 0}.admin-sidebar:after{content:"";background:#a8b2ad33;width:1px;position:absolute;inset:0 0 0 auto}.admin-sidebar>.logo{margin:0 12px 46px}.admin-venue{background:#ffffff06;border-block:1px solid #a8b2ad2e;padding:18px 12px}.admin-venue>span,.admin-sidebar nav>span{letter-spacing:.14em;color:#ffffff59;margin-bottom:8px;font-size:9px;font-weight:500;line-height:15px;display:block}.admin-venue button{color:#fff;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:12px;font-weight:600;line-height:19px;display:flex}.admin-sidebar nav{gap:6px;margin-top:24px;display:grid}.admin-sidebar nav>span{color:#c7d0cb94;margin:22px 12px 7px}.admin-sidebar nav button{color:#ffffff94;text-align:left;background:0 0;align-items:center;gap:12px;min-height:44px;padding:0 13px;font-size:13px;font-weight:500;line-height:20px;transition:background .2s,color .2s,transform .2s;display:flex}.admin-sidebar nav button:hover{color:#fff;transform:translate(3px)}.admin-sidebar nav button.active{background:var(--accent);color:var(--green);font-weight:600}.admin-sidebar nav button.active:after{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{border-top:1px solid #a8b2ad2e;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;margin-top:auto;padding:20px 10px 15px;display:grid}.admin-avatar{background:var(--accent);width:38px;height:38px;color:var(--green);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.sidebar-bottom strong,.sidebar-bottom span{display:block}.sidebar-bottom strong{font-size:12px;font-weight:600;line-height:16px}.sidebar-bottom span{color:#ffffff6b;font-size:10px;line-height:15px}.back-site{color:#ffffffb3;background:#ffffff0a;border:1px solid #a8b2ad29;justify-content:center;align-items:center;gap:8px;height:42px;font-size:11px;font-weight:500;display:flex}.back-site svg{transform:rotate(180deg)}.sidebar-links{gap:7px;display:grid}.sidebar-links .logout{color:#c7d0cbb8}.sidebar-links .logout svg{transform:none}.admin-mobile-header,.mobile-admin-menu{display:none}.admin-main{margin-left:272px;padding:46px clamp(34px,4vw,64px) 110px}.admin-topbar{border-bottom:1px solid var(--line);min-height:94px;color:var(--ink);box-shadow:none;background:0 0;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px;padding:0 0 26px;display:flex}.admin-topbar>div:first-child>span{letter-spacing:.09em;color:var(--accent-dark);text-transform:uppercase;font-size:9px;font-weight:700;line-height:15px}.admin-topbar h1{letter-spacing:-.045em;margin-top:7px;font-family:Archivo,sans-serif;font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1}.admin-topbar>div:last-child{align-items:center;gap:14px;display:flex}.sync-badge{color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:500;line-height:15px;display:flex}.sync-badge i{background:var(--accent-dark);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #a8b2ad24}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metrics-grid article{border:1px solid var(--line);background:var(--paper);min-height:150px;padding:22px;position:relative;overflow:hidden}.metrics-grid article:after{content:"";border:1px solid #7e8d8629;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-42px;right:-25px}.metrics-grid article>div{justify-content:space-between;align-items:center;display:flex}.metrics-grid article>div span{letter-spacing:.04em;color:var(--muted);font-size:10px;font-weight:500;line-height:15px}.metrics-grid svg{color:#8b9088;width:16px}.metrics-grid article>strong{width:max-content;color:var(--green);letter-spacing:-.04em;align-items:center;gap:9px;margin-top:24px;font-family:Archivo,sans-serif;font-size:34px;font-weight:700;line-height:34px;display:flex}.metrics-grid strong small{min-height:24px;color:var(--green);letter-spacing:.08em;white-space:nowrap;background:#254f4212;border:1px solid #06302329;border-radius:999px;align-items:center;padding:0 9px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:700;line-height:12px;display:inline-flex}.metrics-grid p{color:var(--muted);margin-top:8px;font-size:10px;line-height:15px}.admin-section,.table-management,.reservation-management,.payment-review{margin-top:58px}.admin-section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.admin-section-head h2{letter-spacing:-.04em;margin-top:0;font-family:Archivo,sans-serif;font-size:clamp(25px,2.2vw,32px);font-weight:700;line-height:1.08}.admin-head-actions button{border:1px solid var(--line);background:var(--paper);align-items:center;gap:7px;height:40px;padding:0 14px;font-size:11px;font-weight:600;display:flex}.admin-page .room-plan{background-color:#dfe5e1;padding-top:82px;padding-left:102px}.admin-page .table-card{padding:20px}.admin-page .pool-table-visual{margin-block:24px}.admin-card-actions{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px;padding-top:15px;display:grid}.admin-card-actions button{border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:10px;font-weight:600;line-height:15px;transition:background .2s,color .2s;display:flex}.admin-card-actions button:hover{background:var(--green);color:var(--accent)}.management-list{border-top:0;gap:12px;display:grid}.management-list article{border:1px solid var(--line);background:var(--paper);grid-template-columns:100px 1.3fr .8fr .9fr auto;align-items:center;gap:22px;min-height:112px;padding:16px 18px;display:grid}.mini-table .pool-table-visual{border-width:5px;width:78px;margin:0}.management-name strong,.management-name span,.management-timer span,.management-timer strong{display:block}.management-name strong{font-size:13px;font-weight:600;line-height:20px}.management-name span,.management-timer span{color:var(--muted);font-size:10px;line-height:15px}.management-timer strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:13px;font-weight:600;line-height:20px}.management-actions{gap:6px;display:flex}.management-actions button{border:1px solid var(--line);background:#fff;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:10px;font-weight:500;display:flex}.payment-review-list{border-top:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),650px));justify-content:start;gap:18px;display:grid}.payment-review-list article{border:1px solid var(--line);background:var(--paper);grid-template-rows:auto auto auto 1fr;grid-template-columns:142px minmax(0,1fr);align-items:start;gap:13px 24px;min-height:260px;padding:22px;display:grid;box-shadow:0 14px 38px #0630230b}.payment-review-list article.confirmed{opacity:.68}.proof-thumbnail{border:1px solid var(--line);background:#eee;grid-area:1/1/4;width:142px;height:166px;position:relative;overflow:hidden}.proof-thumbnail img{object-fit:cover;object-position:top;width:100%;height:100%}.proof-thumbnail span{color:#fff;background:#000000c7;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:8px;font-weight:600;line-height:12px;display:flex;position:absolute;inset:auto 0 0}.payment-customer strong,.payment-customer span,.payment-order span,.payment-order strong,.payment-order small,.payment-amount span,.payment-amount strong{display:block}.payment-customer{border-bottom:1px solid var(--line);padding-bottom:11px}.payment-customer strong{font-family:Archivo,sans-serif;font-size:16px;font-weight:700;line-height:20px}.payment-order strong,.payment-amount strong{font-size:13px;font-weight:600;line-height:19px}.payment-customer span,.payment-order span,.payment-order small,.payment-amount span{color:var(--muted);font-size:9px;line-height:14px}.payment-review-status{color:#45534c;white-space:nowrap;background:#e3e8e5;border-radius:999px;grid-column:1;place-self:end start;padding:7px 10px;font-size:9px;font-weight:600;line-height:14px}.payment-review-status.confirmed{color:var(--green);background:#e5e8e6}.payment-review-status.rejected{color:var(--red);background:#e4473b1a}.payment-review-actions{grid-column:2;align-self:end;gap:8px;padding-top:3px;display:flex}.payment-review-actions .button{min-height:42px}.proof-preview{border:1px solid var(--line);background:#fff;margin:20px 0 16px}.proof-preview>img{object-fit:contain;background:#e8e8e8;width:100%;max-height:52vh}.proof-preview>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:13px 14px;display:flex}.proof-preview span{color:var(--muted);font-size:10px;line-height:15px}.proof-preview strong{font-size:13px;line-height:19px}.proof-decision{grid-template-columns:.8fr 1.2fr;gap:8px;display:grid}.proof-decision .button{min-width:0}.admin-view-panel{margin-top:0}.admin-section-head p{max-width:560px;color:var(--muted);margin-top:8px;font-size:11px;line-height:18px}.customer-admin-grid{gap:12px;display:grid}.customer-admin-grid article{border:1px solid var(--line);background:var(--paper);grid-template-columns:48px 1.3fr .55fr .75fr;align-items:center;gap:20px;min-height:94px;padding:18px 20px;display:grid}.customer-avatar{background:var(--green);width:46px;height:46px;color:var(--accent);border-radius:50%;place-items:center;font-family:Archivo,sans-serif;font-size:12px;font-weight:700;display:grid}.customer-admin-grid article>div:not(.customer-avatar)>strong,.customer-admin-grid article>div:not(.customer-avatar)>span{display:block}.customer-admin-grid article>div>strong{font-size:12px;line-height:18px}.customer-admin-grid article>div>span{color:var(--muted);font-size:9px;line-height:14px}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.report-metrics article{border:1px solid var(--line);background:var(--paper);flex-direction:column;justify-content:space-between;min-height:132px;padding:20px;display:flex}.report-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600;line-height:14px}.report-metrics strong{color:var(--green);letter-spacing:-.035em;font-family:Archivo,sans-serif;font-size:25px;line-height:29px}.report-breakdown{border:1px solid var(--line);background:var(--paper);grid-template-columns:.7fr 1.3fr;gap:50px;margin-top:18px;padding:26px;display:grid}.report-breakdown h3,.settings-group h3{font-family:Archivo,sans-serif;font-size:18px;line-height:23px}.report-breakdown p{color:var(--muted);margin-top:6px;font-size:10px;line-height:16px}.report-bars{gap:17px;display:grid}.report-bars>div{grid-template-columns:100px 1fr 110px;align-items:center;gap:14px;display:grid}.report-bars span,.report-bars strong{font-size:10px;line-height:15px}.report-bars strong{text-align:right}.report-bars>div>div{background:#dfe5e1;height:9px;overflow:hidden}.report-bars i{background:linear-gradient(90deg, var(--green), var(--accent));height:100%;display:block}.venue-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-group{border:1px solid var(--line);background:var(--paper);align-content:start;gap:16px;padding:24px;display:grid}.settings-group h3{border-bottom:1px solid var(--line);padding-bottom:14px}.settings-group label{color:var(--ink);gap:7px;font-size:10px;font-weight:600;line-height:16px;display:grid}.settings-group input:not([type=checkbox]){border:1px solid var(--line);background:#fff;width:100%;height:48px;padding:0 13px}.settings-group label>small{color:var(--muted);font-size:9px;font-weight:400;line-height:15px}.settings-pair{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.settings-time-field{color:var(--ink);gap:7px;font-size:10px;font-weight:600;line-height:16px;display:grid;position:relative}.settings-time-trigger{border:1px solid var(--line);width:100%;height:48px;color:var(--green);text-align:left;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:grid}.settings-time-trigger strong{font-variant-numeric:tabular-nums;font-size:13px}.settings-time-trigger.open{border-color:var(--green);box-shadow:0 0 0 3px #06302314}.settings-time-trigger.open>svg:last-child{transform:rotate(180deg)}.settings-time-popover{z-index:12;background:var(--paper);border:1px solid #0630233d;width:min(240px,100vw - 44px);padding:16px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 22px 55px #031b142e}.settings-time-caption{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:13px;display:flex}.settings-time-caption span{color:var(--green);font-family:Archivo,sans-serif;font-size:14px}.settings-time-caption small,.settings-time-hint{color:var(--muted);font-size:8px;font-weight:500;line-height:13px}.settings-hour-stepper{border:1px solid var(--green);background:#fff;grid-template-columns:48px 1fr 48px;align-items:center;height:54px;display:grid}.settings-hour-stepper button{height:100%;color:var(--green);background:#254f4214;font-size:20px}.settings-hour-stepper strong{text-align:center;color:var(--green);font-variant-numeric:tabular-nums;font-family:Archivo,sans-serif;font-size:22px}.settings-minute-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.settings-minute-grid button{border:1px solid var(--line);height:38px;color:var(--green);background:#fff;font-size:10px;font-weight:600}.settings-minute-grid button:hover,.settings-minute-grid button.active{border-color:var(--accent);background:var(--accent)}.settings-time-hint{text-align:center;margin-top:10px;display:block}.settings-toggle{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;min-height:70px;padding:12px 0;gap:16px!important;display:grid!important}.settings-toggle span strong,.settings-toggle span small{display:block}.settings-toggle span small{color:var(--muted);margin-top:2px;font-weight:400}.settings-switch{background:#dfe3e1;border:1px solid #afb8b3;border-radius:999px;flex:none;width:46px;height:26px;transition:background .2s,border-color .2s;position:relative}.settings-switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #031b1438}.settings-switch.active{border-color:var(--green);background:var(--green)}.settings-switch.active i{background:var(--accent);transform:translate(20px)}.venue-settings-form>.button{grid-column:1/-1;justify-self:start;min-height:48px}.reservation-count{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#f4f7f5;flex:none;align-items:center;padding:6px 9px;font-size:10px;font-weight:600;line-height:15px;display:inline-flex}.reservation-list{border-top:1px solid var(--line);display:grid}.reservation-list article{border-bottom:1px solid var(--line);background:#f4f7f5;grid-template-columns:56px 1.25fr .55fr .7fr auto auto;align-items:center;gap:16px;min-height:92px;padding:13px 14px;display:grid}.reservation-date{border:1px solid var(--line);background:#fff;align-content:center;place-items:center;width:48px;height:54px;display:grid}.reservation-date span{font-family:Manrope,sans-serif;font-size:20px;font-weight:600;line-height:21px}.reservation-date small{color:var(--muted);text-transform:uppercase;font-size:9px;line-height:13px}.reservation-customer strong,.reservation-customer span,.reservation-duration span,.reservation-duration strong,.reservation-payment span,.reservation-payment strong{display:block}.reservation-customer strong,.reservation-duration strong,.reservation-payment strong{font-size:12px;font-weight:600;line-height:19px}.reservation-customer span,.reservation-duration span,.reservation-payment span{color:var(--muted);font-size:10px;line-height:15px}.reservation-status{color:#45534c;white-space:nowrap;background:#e3e8e5;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:600;line-height:14px}.reservation-status.checked_in{color:var(--green);background:#e5e8e6}.reservation-status.no_show{color:#a62d25;background:#f5d9d4}.empty-reservation{border-bottom:1px solid var(--line);min-height:108px;color:var(--muted);background:#f4f7f5;justify-content:center;align-items:center;gap:13px;display:flex}.empty-reservation strong,.empty-reservation span{display:block}.empty-reservation strong{color:var(--ink);font-size:12px;line-height:19px}.empty-reservation span{font-size:10px;line-height:16px}.toast{z-index:120;background:var(--ink);color:#fff;box-shadow:var(--shadow);align-items:center;gap:9px;padding:13px 17px;font-size:12px;line-height:18px;display:flex;position:fixed;bottom:24px;right:24px}.toast svg{color:var(--accent)}.display-page{color:#fff;background:#030404;flex-direction:column;transition:background .25s;display:flex;position:fixed;inset:0;overflow:hidden}.display-page:before{content:"";pointer-events:none;border:1px solid #ffffff1a;position:absolute;inset:12px}.display-page.warning{background:#140303;animation:1s ease-in-out infinite warningBg}.display-page.expired{background:#160302}@keyframes warningBg{50%{background:#2b0504}}.display-top,.display-bottom{z-index:2;justify-content:space-between;align-items:center;padding:34px 42px;display:flex;position:relative}.display-top>div{letter-spacing:.12em;align-items:center;gap:22px;font-size:11px;font-weight:500;line-height:17px;display:flex}.display-live{color:#ffffff8c;align-items:center;gap:8px;display:flex}.display-live i{background:var(--accent);border-radius:50%;width:7px;height:7px}.display-center{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:25px;display:flex;position:relative}.display-label,.time-label{letter-spacing:.18em;color:#ffffff7a;text-transform:uppercase;font-size:11px;font-weight:500;line-height:17px}.display-center h1{letter-spacing:-.055em;max-width:1100px;margin-top:28px;font-family:Manrope;font-size:clamp(72px,11vw,170px);font-weight:500;line-height:.88}.display-center>p{color:#ffffff80;max-width:610px;margin-top:30px;font-size:14px;line-height:23px}.display-center .time-label{color:var(--accent);margin-top:28px}.display-timer{letter-spacing:-.07em;font-variant-numeric:tabular-nums;margin-top:20px;font-family:Manrope;font-size:clamp(120px,22vw,330px);font-weight:500;line-height:.84}.display-page.warning .display-timer,.display-page.warning .time-label,.display-page.expired .time-label{color:#ff5145;text-shadow:0 0 50px #ef443838}.display-extension{color:var(--accent);background:#a8b2ad17;border:1px solid #a8b2ad6b;align-items:center;gap:8px;margin-top:36px;padding:9px 14px;font-size:12px;font-weight:600;line-height:18px;display:flex}.display-customer{letter-spacing:.14em;font-size:10px!important;line-height:15px!important}.display-center .time-up{color:#ff5145;font-size:clamp(90px,17vw,250px)}.display-added{z-index:5;background:var(--accent);color:var(--ink);grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:13px 19px;animation:.3s ease-out addDrop;display:grid;position:absolute;top:94px;left:50%;transform:translate(-50%)}.display-added svg{grid-row:1/3}.display-added strong{font-size:14px;line-height:20px}.display-added span{font-size:10px;line-height:15px}@keyframes addDrop{0%{opacity:0;transform:translate(-50%,-15px)}}.display-bottom{letter-spacing:.1em;color:#ffffff5c;gap:25px;font-size:10px;line-height:15px}.display-progress{background:#ffffff1f;flex:1;height:2px;overflow:hidden}.display-progress i{background:var(--accent);height:100%;transition:width 1s linear;display:block}.warning .display-progress i,.expired .display-progress i{background:var(--red)}.display-bottom button{color:#ffffff80;background:0 0;align-items:center;gap:7px;font-size:10px;font-weight:500;line-height:15px;display:flex}.display-missing{color:#fff;background:#050605;align-content:center;place-items:center;gap:30px;min-height:100vh;display:grid}.display-missing h1{font-size:38px}@media (width<=1100px){.shell{width:min(960px,100% - 80px)}.section-space{padding-block:120px}.hero{min-height:720px}.hero-content{padding-top:140px}.room-plan{padding-left:92px}.how-grid{gap:70px}.admin-sidebar{width:236px;padding-inline:18px}.admin-main{margin-left:236px;padding-inline:30px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.management-list article{grid-template-columns:80px 1.2fr .7fr .8fr}.management-actions{grid-column:2/-1;padding-bottom:5px}.reservation-list article{grid-template-columns:56px 1.2fr .65fr .8fr auto}.reservation-list article>.button{grid-column:2/-1;justify-self:start}.payment-review-list{grid-template-columns:minmax(0,650px)}.payment-review-list article{grid-template-columns:124px minmax(0,1fr)}.proof-thumbnail{width:124px}.payment-order,.payment-amount{grid-column:2}.payment-review-status{grid-area:auto/1}.payment-review-actions{grid-column:2}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-breakdown{grid-template-columns:1fr;gap:28px}}@media (width<=820px){.admin-login-page{grid-template-columns:1fr}.admin-login-visual,.admin-login-visual>div:last-child{min-height:360px}.admin-login-visual>div:last-child{padding:48px}.admin-login-visual .logo{top:32px;left:48px}.admin-login-visual h1{max-width:570px;font-size:54px}.admin-login-form{min-height:auto;padding:96px 48px 82px}.shell{width:min(720px,100% - 64px)}.section-space{padding-block:104px}.header-inner nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0f0ef5;padding:18px;display:none;position:absolute;top:82px;left:24px;right:24px}.header-inner nav.nav-open{display:grid}.header-inner nav button{text-align:left;min-height:44px}.header-inner nav .nav-play{justify-content:flex-start;width:100%;padding:6px}.header-inner nav .nav-play>svg{margin-left:auto}.menu-button{place-items:center;width:44px;height:44px;display:grid}.hero{height:840px}.hero-shade{background:linear-gradient(#05080638 25%,#050806d1)}.hero>img{object-position:58% center}.hero-content{text-align:center;justify-content:flex-end;align-items:center;padding-bottom:98px}.hero h1{max-width:680px;font-size:clamp(62px,11vw,82px);line-height:.93}.live-kicker{justify-content:center}.hero-bottom{flex-direction:column;align-items:center;gap:28px}.hero-bottom p{max-width:480px}.split-heading,.gallery-heading{grid-template-columns:1fr;gap:44px;margin-bottom:54px}.section-heading h2{max-width:640px;font-size:clamp(48px,7.5vw,62px);line-height:1}.section-note,.gallery-heading p{justify-self:start;max-width:480px}.room-plan{padding:72px 88px 24px 24px}.stair-switch{top:72px;bottom:72px;right:16px}.bar-counter{display:none}.plan-grid{grid-template-columns:1fr;gap:24px}.table-card{padding:22px}.pool-table-visual{width:min(80%,480px);margin-block:32px}.room-legend{justify-content:center;padding-top:28px}.how-grid{grid-template-columns:1fr;gap:72px}.how-grid>div h2{max-width:620px;font-size:56px}.gallery-grid{grid-template-rows:440px 280px;grid-template-columns:repeat(2,1fr)}.gallery-grid .gallery-main{grid-area:1/1/auto/3}.footer-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar{display:none}.admin-mobile-header{z-index:40;border-bottom:2px solid var(--accent);background:var(--green);justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.admin-mobile-header button{color:#fff;background:#ffffff0a;border:1px solid #c7d0cb42;place-items:center;width:42px;height:42px;display:grid}.mobile-admin-menu{z-index:39;background:#031b14;padding:26px 32px 34px;display:block;position:fixed;inset:76px 0 0;overflow-y:auto;box-shadow:0 24px 60px #00000047}.mobile-admin-menu-head{color:#fff;border-bottom:1px solid #c7d0cb29;justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.mobile-admin-menu-head span{color:#ffffff61;letter-spacing:.1em;text-transform:uppercase;font-size:9px;line-height:14px}.mobile-admin-menu-head strong{color:var(--accent);font-size:11px;line-height:17px}.mobile-admin-nav{gap:7px;margin-top:20px;display:grid}.mobile-admin-nav button{color:#ffffffa8;text-align:left;background:#ffffff09;border:1px solid #ffffff12;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:50px;padding:0 15px;display:grid}.mobile-admin-nav button span{font-size:12px;font-weight:500}.mobile-admin-nav button i{background:var(--green);border-radius:50%;width:5px;height:5px}.mobile-admin-nav button.active{border-color:var(--accent);background:var(--accent);color:var(--green)}.mobile-admin-utility{border-top:1px solid #c7d0cb29;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px;padding-top:22px;display:grid}.mobile-admin-utility button{color:#ffffffb3;background:0 0;border:1px solid #c7d0cb29;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 12px;font-size:10px;font-weight:500;display:flex}.mobile-admin-utility button:last-child{color:var(--accent);grid-column:1/-1}.admin-main{margin-left:0;padding:42px 32px 96px}.admin-topbar{min-height:94px;padding:0 0 26px}.admin-page .plan-grid{grid-template-columns:1fr}.admin-page .room-plan{padding:72px 88px 24px 24px}.management-list article{grid-template-columns:78px 1fr auto}.management-timer{grid-column:2}.management-actions{grid-column:2/-1}.reservation-list article{grid-template-columns:56px 1fr auto;gap:12px}.reservation-duration,.reservation-payment{grid-column:2}.reservation-status{grid-area:1/3}.reservation-list article>.button{grid-column:2/-1}.venue-settings-form{grid-template-columns:1fr}.customer-admin-grid article{grid-template-columns:48px 1fr auto}.customer-admin-grid article>div:last-child{border-top:1px solid var(--line);grid-column:2/-1;padding-top:10px}}@media (width<=560px){html{scrollbar-gutter:auto}.admin-login-visual h1[data-mobile-title],.login-card h2[data-mobile-title],.admin-topbar h1[data-mobile-title],.admin-section-head h2[data-mobile-title]{font-size:0;line-height:0}.admin-login-visual h1[data-mobile-title]:after,.login-card h2[data-mobile-title]:after,.admin-topbar h1[data-mobile-title]:after,.admin-section-head h2[data-mobile-title]:after{content:attr(data-mobile-title);white-space:nowrap;display:block}.admin-login-visual h1[data-mobile-title]:after{font-size:42px;line-height:.96}.login-card h2[data-mobile-title]:after{font-size:30px;line-height:1.04}.admin-topbar h1[data-mobile-title]:after{font-size:30px;line-height:1.02}.admin-section-head h2[data-mobile-title]:after{font-size:23px;line-height:1.08}.admin-login-visual,.admin-login-visual>div:last-child{min-height:330px}.admin-login-visual>div:last-child{padding:38px 22px 34px}.admin-login-visual .logo{top:24px;left:22px}.admin-login-visual .eyebrow{margin-top:72px}.admin-login-visual h1{margin-top:14px;font-size:42px;line-height:.96}.admin-login-visual p{display:none}.admin-login-form{padding:86px 22px 68px}.login-back{top:24px;right:22px}.login-card{border-radius:12px;padding:32px 24px}.login-card h2{font-size:30px;line-height:1.04}.login-card>p,.login-security{display:none}.login-card form{margin-top:28px}.login-card label{margin-bottom:20px}.login-card label>div,.login-card .button{border-radius:8px}.shell{width:calc(100% - 44px)}.section-space{padding-block:84px}.header-inner{height:72px}.header-inner nav{top:72px;left:20px;right:20px}.hero{height:100svh;min-height:720px}.hero>img{object-position:65% center}.hero-content{justify-content:center;padding-top:104px;padding-bottom:32px}.live-kicker{margin-bottom:22px}.hero h1{letter-spacing:-.05em;max-width:350px;font-size:clamp(48px,14.5vw,62px);line-height:.96}.desktop-heading-copy{display:none}.mobile-heading-copy{white-space:nowrap;display:block}.hero-bottom{margin-top:34px}.hero-bottom p{max-width:330px;font-size:13px;line-height:22px}.hero-index{display:none}.hero-cta{width:100%}.split-heading,.gallery-heading{text-align:center;gap:30px;margin-bottom:46px}.gallery-heading{border-left:0;padding-left:0}.section-heading h2{max-width:340px;margin-inline:auto;font-size:43px;line-height:1.02}.section-note,.gallery-heading p{text-align:center;justify-self:center;margin-inline:auto}.room-plan{background-color:#0000;background-image:none;border:0;padding:58px 0 0;overflow:visible}.entrance{display:none}.stair-switch{width:max-content;max-width:100%;height:auto;box-shadow:none;background:0 0;border:0;flex-direction:row;gap:0;margin:18px auto 0;padding:0;display:flex;position:static}.stair-switch button{flex-direction:row;width:auto;min-width:118px;min-height:42px;padding:0 14px}.stair-switch button svg{transform:none}.floor-2 .stair-switch button svg{transform:rotate(180deg)}.stairs,.floor-2 .stairs{flex-direction:row;flex:none;justify-content:center;align-items:flex-end;gap:1px;width:67px;height:42px;transform:none}.stairs i{border-top:0;border-bottom:1px solid #10131061;border-right:1px solid #10131061;width:8px!important}.stairs i:first-child{height:8px}.stairs i:nth-child(2){height:12px}.stairs i:nth-child(3){height:16px}.stairs i:nth-child(4){height:20px}.stairs i:nth-child(5){height:24px}.stairs i:nth-child(6){height:28px}.stairs i:nth-child(7){height:32px}.floor-2 .stairs{transform:scaleY(-1)}.stair-switch small{display:none}.plan-grid{gap:20px}.table-card{padding:18px}.table-card h3{font-size:14px;line-height:21px}.pool-table-visual{width:100%;margin-block:28px}.table-card-bottom{flex-wrap:wrap}.table-card-bottom .button{flex-basis:100%}.room-legend{flex-wrap:wrap;justify-content:flex-start;gap:12px 18px;padding-top:24px}.how-grid{gap:52px}.how-grid>div{text-align:center}.how-grid>div h2{margin-inline:auto;font-size:43px;line-height:1.02}.how-grid li{grid-template-columns:34px 1fr;gap:14px;min-height:auto;padding-block:26px}.how-grid li>svg{display:none}.gallery-grid{grid-template-rows:400px 250px 250px;grid-template-columns:1fr;display:grid}.gallery-grid .gallery-main{grid-area:1/1}.closing-cta,.closing-inner{min-height:610px}.closing-inner{min-width:0;padding-block:62px 28px}.closing-inner>*,.cta-copy,.cta-facts{width:100%;min-width:0}.closing-cta h2{width:100%;max-width:100%;font-size:clamp(38px,12vw,48px);line-height:.98}.cta-kicker{gap:8px}.cta-kicker span{width:26px;height:26px}.cta-facts{grid-template-columns:1fr;gap:0;padding-top:14px}.cta-facts>div{justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.cta-facts strong{margin-top:0;font-size:12px}.footer{padding-top:62px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:38px;padding-bottom:50px}.footer-grid>div:first-child>p{margin-inline:auto}.footer-grid .logo{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:7px}.modal-backdrop{background:#060807b3;align-items:center;padding:20px}.modal-panel{overscroll-behavior:contain;border-radius:14px;width:min(480px,100%);max-height:calc(100svh - 40px);padding:38px 22px 26px;overflow-x:hidden;box-shadow:0 24px 70px #06080747}.modal-panel:before{display:none}.modal-close{border-radius:50%;width:34px;height:34px;top:18px;right:18px}.modal-panel h2{margin-top:8px;font-size:24px;line-height:30px}.modal-description{margin:0 0 16px;font-size:12px;line-height:19px}.modal-panel form{margin-top:18px}.modal-panel label{gap:7px;margin-bottom:14px}.modal-panel fieldset{margin-top:18px}.booking-mode{border-radius:12px;margin:18px 0 16px;padding:4px}.booking-mode button{border-radius:9px;min-height:48px}.duration-grid{grid-template-columns:repeat(3,1fr);gap:9px}.duration-grid button{border-radius:10px;min-height:62px}.reservation-picker{margin-inline:-2px}.today-date-card{border-radius:10px;margin-top:16px}.date-strip{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:1px 2px 8px;display:flex;overflow-x:auto}.date-strip::-webkit-scrollbar{display:none}.time-grid::-webkit-scrollbar{display:none}.date-strip button{scroll-snap-align:start;border-radius:10px;flex:0 0 68px;min-height:68px}.time-input-wrap{border-radius:10px;height:56px}.time-input-wrap input{height:54px;font-size:18px}.time-picker-trigger{border-radius:10px}.custom-time-popover{border-radius:12px;padding:14px}.time-adjuster{grid-template-columns:1fr;gap:12px}.time-colon{display:none}.hour-stepper>div{border-radius:9px;grid-template-columns:48px 1fr 48px;overflow:hidden}.minute-picker button{border-radius:8px}.apply-time{border-radius:9px}.policy-note{border-left-width:0;border-radius:10px;gap:9px;margin-top:16px;padding:12px}.policy-note p{font-size:10px;line-height:17px}.price-summary{margin:16px 0;padding:14px 0}.modal-panel>.button.full{border-radius:10px;min-height:52px}.payment-total,.bank-payment,.qris-payment,.proof-upload{border-radius:10px}.payment-methods button{border-radius:9px;min-height:50px}.account-number button{border-radius:8px}.qris-payment{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px}.qris-code{width:104px;height:104px}.proof-upload{padding:13px}.payment-actions .button{border-radius:9px;min-width:0;padding-inline:12px}.customer-session-chip{border-radius:12px;min-width:0;bottom:14px;left:14px;right:14px}.customer-status-hero{border-radius:10px}.status-receipt{border-radius:10px;overflow:hidden}.modal-row{flex-direction:column}.admin-mobile-header{height:72px;padding:0 22px}.mobile-admin-menu{padding:24px 22px 32px;top:72px}.mobile-admin-utility{grid-template-columns:1fr}.mobile-admin-utility button:last-child{grid-column:auto}.admin-main{padding:32px 22px 88px}.admin-topbar{flex-direction:column;align-items:flex-start;gap:20px;min-height:0;margin-bottom:30px;padding:0 0 27px}.admin-topbar>div:last-child{justify-content:space-between;width:100%;display:flex}.admin-topbar>div:first-child>span,.sync-badge{display:none}.admin-topbar h1{font-size:30px;line-height:1.02}.metrics-grid{grid-template-columns:1fr;gap:16px}.metrics-grid article{min-height:152px;padding:24px 22px}.metrics-grid article>strong{margin-top:20px;font-size:26px}.metrics-grid p{display:none}.admin-page .room-plan{background:0 0;border:0;padding:4px 0 0}.admin-page .plan-grid{grid-template-columns:1fr}.admin-section,.table-management,.reservation-management,.payment-review{margin-top:54px}.admin-section-head{align-items:flex-start;gap:10px;margin-bottom:24px}.admin-section-head p{display:none}.admin-head-actions button{font-size:0}.admin-head-actions button svg{margin:0}.admin-card-actions{grid-template-columns:repeat(4,1fr)}.management-list article{grid-template-columns:minmax(0,1fr) auto;gap:18px 12px;min-height:0;padding:20px}.management-list .mini-table{display:none}.management-name{grid-column:1}.management-name strong{font-size:15px;line-height:20px}.management-name span,.management-timer span{display:none}.management-list .status-pill{grid-column:2;justify-self:end}.management-timer{border-top:1px solid var(--line);grid-column:1/-1;padding-top:15px}.management-timer strong{color:var(--green);margin:0;font-family:Archivo,sans-serif;font-size:19px;line-height:24px}.management-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.management-actions button{justify-content:center;min-width:0;height:42px;padding:0 6px;font-size:0}.management-actions button[data-mobile-label]:after{content:attr(data-mobile-label);font-size:9px}.reservation-management .admin-section-head{align-items:flex-end}.reservation-list article{grid-template-columns:48px 1fr;gap:13px;padding:18px 16px}.reservation-date{grid-row:1/3;width:44px}.reservation-status{grid-area:auto/2;justify-self:start}.reservation-duration,.reservation-payment{grid-column:2}.reservation-list article>.button{grid-column:1/-1;width:100%}.payment-review-list article{grid-template-columns:66px minmax(0,1fr);gap:10px 14px;min-height:0;padding:20px}.proof-thumbnail{grid-row:1/4;width:66px;height:78px}.proof-thumbnail span{display:none}.payment-customer{border-bottom:0;padding:0}.payment-customer strong{font-size:15px;line-height:19px}.payment-customer span,.payment-order span,.payment-order small,.payment-amount span{display:none}.payment-order strong,.payment-amount strong{font-size:11px;line-height:17px}.payment-review-status{grid-area:auto/1/auto/-1;justify-self:start;margin-top:4px}.payment-order,.payment-amount{grid-column:2}.payment-review-actions{flex-direction:row;grid-column:1/-1;gap:8px;padding-top:2px}.payment-review-actions .button{flex:1;width:auto;min-width:0;padding-inline:8px}.payment-review-actions [data-mobile-label]{font-size:0}.payment-review-actions [data-mobile-label]:after{content:attr(data-mobile-label);font-size:10px}.customer-admin-grid{gap:14px}.customers-view .admin-section-head{display:none}.customer-admin-grid article{grid-template-rows:auto auto;grid-template-columns:44px repeat(2,minmax(0,1fr));gap:16px 12px;min-height:0;padding:18px}.customer-avatar{width:44px;height:44px}.customer-admin-grid article>div:nth-child(2){grid-column:2/-1}.customer-admin-grid article>div:nth-child(2)>span{display:none}.customer-admin-grid article>div:nth-child(3),.customer-admin-grid article>div:last-child{border-top:1px solid var(--line);grid-row:2;padding-top:11px}.customer-admin-grid article>div:nth-child(3){border-right:1px solid var(--line);grid-column:2;padding-right:8px}.customer-admin-grid article>div:last-child{grid-column:3}.report-metrics{grid-template-columns:1fr;gap:14px}.report-metrics article{min-height:138px;padding:22px}.report-breakdown{gap:24px;padding:22px 18px}.report-breakdown p{display:none}.report-bars>div{grid-template-columns:1fr auto;gap:8px 12px}.report-bars>div>div{grid-area:2/1/auto/-1}.report-bars strong{min-width:90px}.settings-group{gap:18px;padding:22px 18px}.settings-pair{grid-template-columns:1fr;gap:16px}.settings-time-popover{width:100%}.settings-group label>small,.settings-toggle span small{display:none}.settings-toggle{min-height:62px;padding-block:9px;gap:12px!important}.settings-toggle span strong{white-space:nowrap;font-size:11px;line-height:17px}.venue-settings-form>.button{width:100%}.empty-reservation span{display:none}.display-top,.display-bottom{padding:27px 24px}.display-center{padding-inline:20px}.display-timer{font-size:clamp(86px,26vw,130px)}.display-center .time-up{font-size:84px}.display-bottom>span{display:none}.display-bottom button{font-size:0}.display-bottom button svg{width:20px;height:20px}.display-added{width:max-content;top:82px}}@media (width<=360px){.shell{width:calc(100% - 40px)}.hero h1{max-width:292px;font-size:45px}.section-heading h2,.how-grid>div h2,.closing-cta h2{font-size:38px}.account-number{grid-template-columns:1fr;gap:9px}.account-number button{width:max-content}.account-number strong{font-size:18px}.qris-payment{grid-template-columns:88px minmax(0,1fr);gap:11px}.qris-code{width:88px;height:88px}.payment-actions{grid-template-columns:1fr}.customer-session-chip{bottom:10px;left:10px;right:10px}.table-card-top{align-items:flex-start}.status-pill{padding-inline:8px}.metrics-grid{grid-template-columns:1fr}.admin-card-actions{grid-template-columns:repeat(2,1fr)}.admin-main{padding-inline:20px}.admin-topbar>div:last-child{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
