.app{padding:56px 0 96px}.app .title{margin-bottom:16px}.app .sub{margin:0 0 32px}.app-narrow{max-width:760px}.app-card{padding:28px}.muted{color:var(--muted)}.app [hidden]{display:none!important}.pick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pick-dur{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pick-opt{position:relative;cursor:pointer}.pick-opt input{position:absolute;opacity:0;width:1px;height:1px}.pick-opt>span{display:grid;justify-items:center;gap:6px;height:100%;padding:14px 10px;text-align:center;border:1px solid var(--hair-strong);border-radius:16px;background:var(--bg);font:600 .95rem var(--font-display);color:var(--fg);transition:border-color .2s,background-color .2s,box-shadow .2s}.pick-opt img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.2))}.pick-opt small{font:500 .8rem var(--font-body);color:var(--muted)}.pick-opt:hover>span{border-color:var(--orange)}.pick-opt input:checked+span{border-color:var(--orange);background:var(--tint);box-shadow:0 0 0 2px var(--orange) inset}.pick-opt input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}.app-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stepper-field{display:grid;gap:8px;align-content:start}.stepper-field .lbl{font:500 .85rem var(--font-display);color:var(--muted)}.stepper-field small{font-size:.8rem;color:var(--muted);line-height:1.5}.stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--hair-strong);border-radius:14px;background:var(--bg);padding:6px}.stepper button{width:44px;height:44px;border:0;border-radius:10px;background:var(--tint);color:var(--orange);font:700 1.4rem/1 var(--font-display);cursor:pointer}.stepper button:hover{background:var(--orange);color:#fff}.stepper output{font:700 1.4rem var(--font-display)}.invoice{border:1px dashed var(--hair-strong);border-radius:16px;padding:14px 18px;background:var(--surface-2)}.inv-row,.inv-total{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.inv-row{color:var(--muted);font-size:.95rem}.inv-row b{color:var(--fg);font-weight:600}.inv-total{margin-top:6px;padding-top:10px;border-top:var(--line);font:700 1.1rem var(--font-display)}.inv-total b{color:var(--orange)}.policy-box{border-radius:16px;padding:16px 18px;background:var(--tint)}.policy-box h2{font-size:1rem;margin-bottom:6px}.policy-box ul{margin:0;padding-inline-start:1.1em;font-size:.9rem;color:var(--muted);line-height:1.7}.ticket{display:grid;justify-items:center;gap:10px;text-align:center}.ticket h2{font-size:1.6rem}.ticket-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#16a34a;color:#fff;font:700 2rem var(--font-display)}.ticket-no{display:grid;gap:2px;margin:10px 0;padding:16px 40px;border-radius:20px;background:var(--orange);color:#fff}.ticket-no span{font:500 .9rem var(--font-display);opacity:.9}.ticket-no strong{font:800 3.4rem/1 var(--font-display)}.ticket-rows{width:100%;margin:0}.ticket-rows div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:var(--line)}.ticket-rows dt{color:var(--muted)}.ticket-rows dd{margin:0;font-weight:600}.ticket-pay{font-size:.9rem;color:var(--muted);margin:6px 0 10px}@media(max-width:700px){.app{padding:32px 0 72px}.app-card{padding:20px}.pick{grid-template-columns:1fr 1fr}.app-pair{grid-template-columns:1fr}}.small{font-size:.85rem}.tag{display:inline-block;padding:.15em .7em;border-radius:999px;font:600 .78rem var(--font-display);background:var(--surface-2);color:var(--fg)}.tag.free{background:#16a34a24;color:#16a34a}.tag.busy{background:var(--orange);color:#fff}.tag.vip{background:var(--sun);color:var(--ink)}.empty{padding:24px;text-align:center;color:var(--muted)}.staff-login{max-width:380px;margin:40px auto;display:grid;gap:14px;justify-items:center;grid-template-columns:1fr}.staff-login h1{font-size:1.4rem}.staff-login img,.staff-head img{height:40px;width:auto;filter:var(--logo-filter, none)}.staff-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.staff-head h1{font-size:1.4rem;margin-inline-end:auto}.staff-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.staff-bar label{min-width:180px}.live{font:600 .8rem var(--font-display);color:#16a34a;margin-inline-start:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.stats div{display:grid;padding:14px;border-radius:16px;background:var(--surface);border:var(--line);text-align:center}.stats b{font:800 1.8rem/1.1 var(--font-display)}.stats span{font-size:.8rem;color:var(--muted)}.stats .st-wait b{color:var(--orange)}.stats .st-arr b{color:#16a34a}.staff-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.staff-tools{display:flex;gap:10px;margin-bottom:12px}.staff-tools input{max-width:200px;text-align:center}.seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2)}.seg button{border:0;background:transparent;padding:.45em 1em;border-radius:999px;font:600 .85rem var(--font-display);color:var(--muted);cursor:pointer}.seg button.on{background:var(--orange);color:#fff}.bk-list{display:grid;gap:10px}.bk{padding:14px 16px;display:grid;gap:10px;border-inline-start:4px solid var(--orange)}.bk.arrived{border-inline-start-color:#16a34a;opacity:.75}.bk-top{display:flex;align-items:center;gap:12px}.seq{font:800 1.4rem var(--font-display);color:var(--orange);min-width:2.4em}.bk-who{display:grid;margin-inline-end:auto;line-height:1.4}.bk-who span{font-size:.8rem}.bk-game{font:600 .8rem var(--font-display);padding:.3em .8em;border-radius:999px;background:var(--tint)}.bk-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem}.bk-meta b{color:var(--fg)}.bk-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.staff-h{font-size:1.1rem;margin:0 0 6px}.staff-h~.staff-h{margin-top:24px}.sbq{padding:6px 14px;margin-top:8px}.sbq-row{display:flex;gap:12px;padding:8px 0;border-bottom:var(--line);font-size:.9rem}.sbq-row:last-child{border-bottom:0}.sbq-row span:nth-child(2){margin-inline-end:auto;color:var(--muted)}.sbq-wait{font-weight:700;color:var(--orange)}.st-grid{display:grid;gap:10px}.st-kind{font-size:.95rem;color:var(--muted);margin-top:6px}.st{padding:14px;display:grid;gap:10px}.st.busy{border-color:var(--orange)}.st-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.st-remain{font:700 1.2rem var(--font-display);color:var(--orange)}.st-actions{display:flex;gap:8px;flex-wrap:wrap}.st select{font:400 .95rem var(--font-body);color:var(--fg);background:var(--bg);border:1px solid var(--hair-strong);border-radius:12px;padding:.6em}.export{margin-top:24px;padding:14px 18px}.export summary{cursor:pointer;font:600 .95rem var(--font-display)}.export .fields{margin:12px 0}.export-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:960px){.staff-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}.tv{min-height:100vh;display:flex;flex-direction:column;gap:2vh;padding:2.5vh 2.5vw;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(251,79,7,.22),transparent 70%),#110403;color:#fff3e6}.tv-head{display:flex;align-items:center;gap:2vw}.tv-head img{height:6vh;width:auto}.tv-live{font:700 1.6vh var(--font-display);color:#fff;background:#e5341b;padding:.3em 1em;border-radius:999px;animation:tv-pulse 2s infinite}.tv-clock{margin-inline-start:auto;font:800 5vh var(--font-display)}@keyframes tv-pulse{50%{opacity:.55}}.tv-cols{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5vw}.tv-col{display:flex;flex-direction:column;gap:1.6vh;padding:2vh 1.2vw;border-radius:24px;background:#fff3e60d;border:1px solid rgba(255,243,230,.1)}.tv-col h2{font-size:3.4vh;text-align:center}.tv-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(9vw,1fr));gap:1vh}.tv-table{display:grid;justify-items:center;gap:.4vh;padding:1.2vh;border-radius:16px;background:#16a34a1f;border:2px solid rgba(22,163,74,.5);font-size:1.8vh}.tv-table.busy{background:#fb4f071f;border-color:var(--orange)}.tv-table.ending{animation:tv-pulse 1.2s infinite;border-color:var(--sun)}.tv-table.vip{box-shadow:0 0 0 2px var(--sun) inset}.tv-table svg{width:100%;max-width:10vw}.tv-ps{display:grid;place-items:center;width:100%;max-width:9vw;aspect-ratio:16 / 9;border-radius:8px;background:#1d9e75;font:800 2vh var(--font-display)}.tv-ps.busy{background:var(--orange)}.tv-free{color:#4ade80;font-weight:700}.tv-seq{font:700 1.8vh var(--font-display);color:var(--sun)}.tv-timer{font:800 3.4vh var(--font-display);font-variant-numeric:tabular-nums}.tv-ending{color:var(--sun);font-size:1.5vh}.tv-sub{display:flex;justify-content:space-around;font-size:1.9vh;color:#fff3e6bf;text-align:center}.tv-sub p{margin:0}.tv-sub b{color:#fff}.tv-list{display:grid;gap:.8vh;align-content:start}.tv-row{display:flex;align-items:center;gap:1vw;padding:1.1vh 1vw;border-radius:14px;background:#fff3e60f;font-size:2vh}.tv-row b{font:800 3vh var(--font-display);color:var(--orange);min-width:3em}.tv-row span{margin-inline-end:auto;color:#fff3e6b3}.tv-row em{font:700 2.6vh var(--font-display);font-style:normal}.tv-row em small{font-size:1.4vh;font-weight:500;opacity:.7}.tv-row.next{background:var(--orange)}.tv-row.next b,.tv-row.next span{color:#fff}.tv-empty{text-align:center;padding:3vh;color:#fff3e680;font-size:2vh}.tv-foot{text-align:center;font:600 2.4vh var(--font-display);color:var(--sun)}.tv .en{display:block;direction:ltr;font:500 max(.62em,1.4vh)/1.3 var(--font-display);letter-spacing:.02em;opacity:.75}.tv h2 .en{font-size:.55em;margin-top:.2em}.tv-row em{text-align:end}.tv-row.next .en{opacity:.85}.res-auth{max-width:620px}.res-auth h2{font-size:1.3rem}.link-btn{background:none;border:0;padding:0;font:500 .9rem var(--font-display);color:var(--orange);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.res-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.res-bar .seg{flex-wrap:wrap;border-radius:22px}.res-bar .who{margin-inline-start:auto;font-size:.9rem}.count{display:inline-grid;place-items:center;min-width:1.5em;padding:0 .35em;margin-inline-start:4px;border-radius:999px;background:var(--sun);color:var(--ink);font-size:.75rem}.seg button.on .count{background:#fff;color:var(--orange)}.cal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.cal-nav{display:flex;align-items:center;gap:10px}.cal-nav b{font:700 1.05rem var(--font-display);min-width:9em;text-align:center}.cal-nav button{width:36px;height:36px;border-radius:50%;border:var(--line);background:var(--bg);color:var(--fg);font-size:1.2rem;cursor:pointer}.cal-nav button:hover{border-color:var(--orange);color:var(--orange)}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.dow{text-align:center;font:600 .78rem var(--font-display);color:var(--muted);padding-bottom:4px}.day{min-height:96px;padding:6px;border-radius:12px;background:var(--bg);border:var(--line);display:flex;flex-direction:column;gap:3px;overflow:hidden}.day.blank{background:transparent;border-color:transparent}.day.today{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}.num{font:700 .85rem var(--font-display);color:var(--muted)}.ev{display:block;font-size:.72rem;line-height:1.35;padding:2px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-inline-start:3px solid}.ev small{opacity:.75}.ev.more{border:0;color:var(--muted)}.pending{--st: #D97706}.approved{--st: #16A34A}.rejected{--st: #DC2626}.ev.pending,.ev.approved,.ev.rejected,.blk{border-color:var(--st);background:color-mix(in srgb,var(--st) 14%,transparent)}.legend{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0 4px;font-size:.85rem}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:var(--st)}.week{display:grid;grid-template-columns:64px repeat(7,minmax(0,1fr));gap:0 4px;overflow-x:auto}.wh{display:grid;justify-items:center;padding:6px 0;font-size:.78rem;color:var(--muted)}.wh b{font:700 1.1rem var(--font-display);color:var(--fg)}.wh.today b{color:var(--orange)}.hours{display:grid;grid-auto-rows:54px;font-size:.72rem;color:var(--muted)}.wcol{position:relative;height:378px;border-radius:10px;background:repeating-linear-gradient(var(--bg) 0 53px,var(--hair) 53px 54px)}.blk{position:absolute;inset-inline:2px;padding:4px 6px;border-radius:8px;border-inline-start:3px solid;overflow:hidden;font-size:.72rem;line-height:1.3;display:grid;align-content:start}.res-form{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.res-form .sec{font-size:1rem;color:var(--orange);margin-top:6px}.res-form .sec:first-child{margin-top:0}.endtime{font-size:.95rem}.bank{border-radius:16px;padding:14px 18px;background:var(--surface-2)}.bank h4{font:700 .95rem var(--font-display);margin:0 0 8px}.bank dl{margin:0 0 6px}.bank dl div,.summary dl div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.bank dt,.summary dt{color:var(--muted)}.bank dd,.summary dd{margin:0;font-weight:600}.warn{padding:10px 14px;border-radius:12px;background:#d9770624;color:#b45309;font-size:.9rem}.summary{position:sticky;top:96px;display:grid;gap:12px}.summary h3{font-size:1.1rem}.summary dl{margin:0;font-size:.92rem}.res-list{display:grid;gap:10px;margin-bottom:12px}.res-row{display:grid;grid-template-columns:1fr auto;gap:10px 16px;padding:14px 18px;border-inline-start:4px solid var(--st)}.res-info{display:grid;gap:2px}.res-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.price{font:700 1.05rem var(--font-display)}.tag.st-pending{background:#d9770629;color:#b45309}.tag.st-approved,.tag.pay-paid{background:#16a34a24;color:#16a34a}.tag.st-rejected{background:#dc262624;color:#dc2626}.res-acts{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.btn.danger{color:#dc2626;border-color:#dc262666}.res-row.s-pending{--st: #D97706}.res-row.s-approved{--st: #16A34A}.res-row.s-rejected{--st: #DC2626}.all-head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:36px 0 12px}.all-head h2{font-size:1.2rem}.all-tools{display:flex;gap:8px}.price-table{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px 14px;align-items:center;max-width:640px}.price-table>b{font:600 .85rem var(--font-display);color:var(--muted)}.wide-3{grid-column:1 / -1}.dlg{width:min(460px,100% - 32px);padding:24px;color:var(--fg)}.dlg::backdrop{background:#1104038c}.dlg h2{font-size:1.2rem}.dlg .inv-row,.dlg .inv-total{margin:0}.toast{position:fixed;z-index:90;bottom:24px;inset-inline:0;margin-inline:auto;width:fit-content;max-width:calc(100% - 32px);padding:.8em 1.4em;border-radius:999px;background:var(--ink);color:var(--cream);box-shadow:var(--shadow);font:500 .95rem var(--font-display)}@media(max-width:960px){.res-form{grid-template-columns:1fr}.summary{position:static}}@media(max-width:700px){.res-bar .who{margin-inline-start:0;width:100%}.day{min-height:64px;padding:4px}.ev{font-size:0;padding:0;height:6px;border-inline-start-width:0;background:var(--st)}.res-row{grid-template-columns:1fr}.res-side{justify-content:flex-start}.price-table{grid-template-columns:1fr 1fr}.price-table>span{grid-column:1 / -1}.price-table>span:first-child{display:none}}