:root{--bg:#0b1020;--surface:#111a33;--surface2:#0f1730;--border:rgba(255,255,255,.12);--text:#eaf0ff;--muted:rgba(234,240,255,.65);--shadow: 0 10px 22px rgba(0,0,0,.32);--radius:14px;--radius2:10px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1000px 600px at 20% 0%,#142458,#0b1020 60%);color:var(--text)}a{color:inherit;text-decoration:none}.appShell{min-height:100%;display:flex;flex-direction:column}.appHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:#0a0f23bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.headerRight,.brand{display:flex;align-items:center;gap:10px}.brandMark{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#22c55e);color:#081027;font-weight:900;font-size:13px}.brandTitle{font-weight:900;letter-spacing:.4px}.brandSub{font-size:11px;color:var(--muted);margin-top:1px}.nav{display:flex;gap:8px}.navLink{padding:6px 8px;border-radius:10px;border:1px solid transparent;color:var(--muted);font-size:13px}.navLink.active{background:#ffffff12;border-color:var(--border);color:var(--text)}.appMain{flex:1;padding:10px 12px 14px}.homeLayout{display:flex;flex-direction:column;gap:10px}.tablesArea,.poolArea{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.sectionHeader{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);background:#ffffff08}.sectionHeader h3{margin:0;font-size:12px;letter-spacing:.35px;text-transform:uppercase;color:var(--muted)}.btnRow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--border);background:#ffffff0f;color:var(--text);border-radius:10px;padding:7px 8px;cursor:pointer;font-weight:800;font-size:13px}.btn:active{transform:translateY(1px)}.btnPrimary{background:linear-gradient(135deg,#3b82f6e6,#22c55ed9);border-color:#ffffff2e;color:#07102a}.btnDanger{background:#ff6b6b24;border-color:#ff6b6b59}.iconBtn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0}.gridTables{padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.tableCard{border:1px solid var(--border);background:#ffffff08;border-radius:var(--radius2);padding:10px;display:flex;flex-direction:column;gap:8px}.tableHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.tableTitle{display:flex;align-items:center;gap:8px;min-width:0}.tableTitle input{width:72px;background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:6px 7px;font-weight:900}.tableMeta{font-size:11px;color:var(--muted)}.seatsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.seatCell{height:46px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);background:#0000001f;display:flex;align-items:center;justify-content:center;position:relative}.seatCell.filled{border-style:solid;background:#ffffff0f}.seatLabel{font-size:11px;color:var(--muted)}.seatInner{width:100%;padding:4px 6px;display:flex;align-items:center;justify-content:space-between;gap:6px}.xBtn{width:22px;height:22px;border-radius:8px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);cursor:pointer;font-weight:900}.chip{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:4px 8px;cursor:grab;-webkit-user-select:none;user-select:none;font-weight:900;font-size:12px;line-height:1}.chip:active{cursor:grabbing}.chipBadge{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 1px #ffffff2e inset}.chipSub{font-weight:800;color:var(--muted);font-size:11px}.groupBox{border:1px solid var(--border);border-radius:12px;background:#ffffff05;padding:8px}.groupTop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.groupTitle{display:flex;align-items:center;gap:8px;min-width:0;font-weight:900}.groupTitle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.groupMembers{display:flex;flex-wrap:wrap;gap:6px}.poolInner{padding:10px;display:grid;gap:10px}.poolRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.input,select{background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:7px 8px;font-size:13px}select{color-scheme:dark}select option{background:#0a0f23fa;color:var(--text)}select option:disabled{color:#e5e7eb59}.categorySelect{min-width:200px;font-weight:800}.kbdHint{font-size:11px;color:var(--muted)}.poolTwoCols{display:grid;gap:10px}@media(min-width:980px){.poolTwoCols{grid-template-columns:1fr 1fr;align-items:start}}.toastHost{position:fixed;right:10px;bottom:10px;display:flex;flex-direction:column;gap:8px;z-index:999}.toast{border:1px solid var(--border);background:#0a0f23e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border-radius:12px;padding:9px 10px;max-width:320px;box-shadow:var(--shadow);font-weight:800;font-size:13px}.modalBackdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.modalCard{width:min(700px,calc(100vw - 18px));border:1px solid var(--border);background:#0c122ceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.modalHeader{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modalHeader h3{margin:0;font-size:14px}.modalBody{padding:10px 12px;display:grid;gap:10px}.modalFooter{padding:10px 12px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.notice{padding:9px 10px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;font-size:13px}.noticeWarn{border-color:#fc66;background:#ffcc6614}.noticeGood{border-color:#2ee59d59;background:#2ee59d14}.noticeBad{border-color:#ff6b6b59;background:#ff6b6b14}