*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#__next{height:100%;overflow:hidden}:root{--bg:#04000a;--bg2:#070010;--surface:#0c0018;--surface2:#120020;--surface3:#180028;--border:#8c3cff33;--border2:#8c3cff1a;--pur:#6d28d9;--pur2:#8b5cf6;--pur3:#c4b5fd;--pur-dim:#6d28d926;--pur-glow:#6d28d966;--gold:#d97706;--gold2:#f59e0b;--gold3:#fcd34d;--gold-dim:#d9770626;--gold-glow:#d9770659;--urgent:#ef4444;--urgent-dim:#ef44441f;--ok:#22c55e;--ok-dim:#22c55e1f;--amber:#f97316;--text:#f0ecff;--text2:#9080b0;--text3:#4a3868;--text-k:#c4b5fd;--text-b:#fcd34d;--fd:"Bebas Neue", sans-serif;--fc:"DM Sans", sans-serif;--fm:"DM Mono", monospace}html{height:100%;overflow:hidden}body{background:var(--bg);height:100%;color:var(--text);font-family:var(--fc);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;overflow:hidden}button{cursor:pointer;font-family:var(--fc)}input,select,textarea{font-family:var(--fc)}body.register-page,body.register-page #__next{height:auto!important;min-height:100dvh!important;overflow:visible!important}html:has(body.register-page){height:auto!important;overflow:visible!important}.app-root{height:100dvh;max-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:2px}@keyframes fadein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes pulse-u{0%,to{box-shadow:0 0 #ef444466}60%{box-shadow:0 0 0 8px #ef444400}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.room-karaoke{background:linear-gradient(135deg,#6d28d914 0%,#0000 60%),linear-gradient(#6d28d90f 0%,#0000 40%),#050010;border:1.5px solid #6d28d973;border-radius:14px;box-shadow:inset 0 1px #c4b5fd1f,inset 0 0 60px #6d28d90d}.room-bar{background:linear-gradient(135deg,#d9770614 0%,#0000 60%),linear-gradient(#d977060f 0%,#0000 40%),#080400;border:1.5px solid #d9770666;border-radius:14px;box-shadow:inset 0 1px #fcd34d1a,inset 0 0 60px #d977060a}.table-card{transition:box-shadow .15s,transform .1s}.table-card:hover{transform:translateY(-1px)}.table-card.room-k{background:linear-gradient(160deg,#130028 0%,#0a0018 100%);border:1.5px solid #6d28d980;box-shadow:0 2px 16px #6d28d933,inset 0 1px #c4b5fd1a}.table-card.room-k.urgent{border-color:var(--urgent);animation:2s ease-in-out infinite pulse-u;box-shadow:0 0 0 1px #ef444440,0 4px 20px #ef444433}.table-card.room-b{background:linear-gradient(160deg,#1c0c00 0%,#110800 100%);border:1.5px solid #d9770680;box-shadow:0 2px 16px #d9770633,inset 0 1px #fcd34d14}.table-card.room-b.urgent{border-color:var(--urgent);animation:2s ease-in-out infinite pulse-u;box-shadow:0 0 0 1px #ef444440,0 4px 20px #ef444433}input::placeholder,textarea::placeholder{color:#c8b4e673;opacity:1}input:focus,textarea:focus,select:focus{outline:none;transition:border-color .18s,box-shadow .18s;border-color:#8c3cff99!important;box-shadow:0 0 0 2px #8c3cff33,0 0 12px #8c3cff26!important}.nav-tab{font-family:var(--fd);cursor:pointer;color:var(--text2);letter-spacing:.07em;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .18s}.nav-tab.active{color:var(--gold3);text-shadow:0 0 12px #d4900a66;background:linear-gradient(135deg,#6d28d94d,#5014a040);box-shadow:inset 0 0 0 1px #8c3cff80,0 2px 12px #6d28d940}.nav-tab:hover:not(.active){color:var(--text);background:#ffffff12;transform:translateY(-1px)}.btn-pur,.btn-gold,.btn-red,.btn-green,.btn-ghost{transition:opacity .15s,box-shadow .18s,transform .18s!important}@media (hover:hover){.btn-ghost:hover{background:#ffffff1f!important;border-color:#ffffff2e!important;transform:translateY(-1px)!important}.btn-pur:hover{filter:brightness(1.25)saturate(1.2);transform:translateY(-2px)!important;box-shadow:0 0 20px #8c3cff99,0 4px 16px #0006!important}.btn-gold:hover{filter:brightness(1.2)saturate(1.2);transform:translateY(-2px)!important;box-shadow:0 0 20px #d4900a8c,0 4px 16px #0006!important}.btn-red:hover{filter:brightness(1.25);transform:translateY(-2px)!important;box-shadow:0 0 18px #ef444480!important}.btn-green:hover{filter:brightness(1.2)saturate(1.15);transform:translateY(-2px)!important;box-shadow:0 0 20px #76c80380!important}.btn-ghost:hover{background:#ffffff1a!important;transform:translateY(-1px)!important}.btn-pur:hover{opacity:.75;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 0 28px #8c3cffcc,0 0 8px #8c3cff80,0 4px 16px #00000080!important}}@keyframes modalBgIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(32px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalPopCenter{0%{opacity:0;transform:scale(.88)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes tableMenuIn{0%{opacity:0;scale:.88}to{opacity:1;scale:1}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;padding:16px;animation:.12s fadein;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface2);border:1px solid #6d28d940;border-radius:16px;width:100%;max-width:480px;max-height:88vh;padding:24px;overflow-y:auto;box-shadow:0 32px 80px #000c,0 0 0 1px #6d28d91a,inset 0 1px #c4b5fd12}.modal-title{font-family:var(--fd);color:var(--gold3);letter-spacing:.08em;font-size:20px}.q-item{border:1px solid #6d28d91f;border-radius:10px;transition:border-color .12s}.q-item:hover{border-color:#6d28d94d}.q-item.first{border-color:#6d28d966;background:linear-gradient(90deg,#6d28d924,#6d28d90a)!important}.q-item.urgent{background:#ef44440f!important;border-color:#ef444459!important}.btn{cursor:pointer;font-family:var(--fc);border:none;border-radius:8px;font-weight:500;transition:all .15s}.btn-gold-legacy{color:#fff8e7;background:linear-gradient(135deg,#d97706,#b45309);font-weight:600;box-shadow:0 2px 12px #d977064d}.btn-pur-legacy{color:var(--pur3);background:#6d28d92e;border:1px solid #6d28d959!important}.btn-ok{color:#4ade80;background:#22c55e24;border:1px solid #22c55e4d!important}.btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef444440!important}label.field-label{color:var(--text2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:10px;font-weight:600;display:block}input.field-input,select.field-input{width:100%;color:var(--text);background:#0006;border:1px solid #6d28d940;border-radius:8px;outline:none;margin-bottom:14px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}input.field-input:focus,select.field-input:focus{border-color:var(--pur2);box-shadow:0 0 0 3px #6d28d92e}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:20px 20px 0 0;max-height:88vh;padding:20px 16px 36px}input,select,textarea{font-size:16px!important}button,a,[role=button]{touch-action:manipulation}}@keyframes micPulse{0%{filter:brightness();transform:scale(1)rotate(-10deg)}to{filter:brightness(1.5);transform:scale(1.25)rotate(10deg)}}@keyframes musicNote1{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-3px)scale(1.2)}}@keyframes musicNote2{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-4px)scale(1.3)}}@keyframes newBadgePulse{0%,to{box-shadow:0 0 6px #8b5cf680}50%{box-shadow:0 0 14px #8b5cf6}}@keyframes waitPulse{0%,to{opacity:.7}50%{opacity:1}}