:root{--bg-main:#0f172a;--bg-main-soft:#162033;--bg-accent:#1e293b;--bg-panel:#ffffff;--bg-soft:#f8fafc;--bg-card:#ffffff;--text-main:#122033;--text-soft:#64748b;--text-strong:#08111f;--accent:#2563eb;--accent-deep:#1d4ed8;--accent-soft:#dbeafe;--highlight:#f59e0b;--success:#16825d;--warning:#b45309;--danger:#c2410c;--border:#dbe2ea;--shadow:0 8px 24px rgba(15,23,42,0.06);--shadow-soft:0 2px 10px rgba(15,23,42,0.04)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{color:var(--text-main);background:linear-gradient(180deg,var(--bg-main) 0,var(--bg-main-soft) 100%)}a{color:inherit;text-decoration:none}.textLink{color:var(--accent);font-weight:700}.textLink:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{min-height:48px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,opacity .14s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.7;cursor:wait;transform:none}.pageShell{min-height:100vh;padding:24px 16px 110px}.contentColumn{width:100%;max-width:1120px;margin:0 auto}.customerShell{padding-bottom:104px}.customerShell .pageTitle .title{color:white}.customerShell .pageTitle .subtitle{color:rgba(255,255,255,.88)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.panelSoft{background:#f8fafc;border:1px solid var(--border)}.grid{display:grid;grid-gap:18px;gap:18px}.twoColumn{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.threeColumn{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stack{flex-direction:column}.row,.stack{display:flex;gap:12px}.row{align-items:center}.spaceBetween{justify-content:space-between}.button{border:1px solid transparent;border-radius:12px;padding:12px 18px;background:var(--accent);color:white;font-weight:700;box-shadow:none}.buttonSecondary{background:var(--accent-soft);color:#1e3a8a;box-shadow:none;border-color:#bfdbfe}.buttonDanger{background:#dc2626;box-shadow:none}.buttonGhost{background:#ffffff;color:var(--text-main);box-shadow:none;border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:700;background:#f1f5f9;color:#334155}.statusBusy,.statusClosed,.statusOpen,.statusPaused{color:white}.statusOpen{background:var(--success)}.statusBusy{background:var(--warning)}.statusPaused{background:#64748b}.statusClosed{background:#334155}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:white;color:var(--text-main);box-shadow:none}.input:focus,.select:focus,.textarea:focus{outline:2px solid rgba(14,165,166,.22);border-color:rgba(14,165,166,.5)}.textarea{min-height:120px;resize:vertical}.title{margin:0;font-size:1.65rem;line-height:1.25;color:var(--text-strong)}.subtitle{margin:0;color:var(--text-soft);font-size:.96rem;line-height:1.7}.pageTitle .subtitle,.quickLink .subtitle,.stack>.title+.subtitle,.stack>strong+.subtitle{display:none}.heroCard{padding:24px;background:#ffffff}.sectionCard{padding:20px}.metricCard{padding:18px;background:#ffffff;border:1px solid var(--border);border-radius:14px}.metricCard strong{display:block;font-size:2rem;color:var(--text-strong)}.quickLink{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;background:#ffffff;border:1px solid var(--border);box-shadow:none}.quickLink strong{color:var(--text-strong)}.navBar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(15,23,42,.96);border-top:1px solid rgba(255,255,255,.1)}.navBarCustomer{grid-template-columns:repeat(5,1fr)}.navItem{display:flex;justify-content:center;align-items:center;min-height:52px;border-radius:10px;color:rgba(255,255,255,.96);font-size:.87rem;font-weight:700}.navItemActive{background:rgba(37,99,235,.22);color:white;font-weight:700}.managementShell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:#f8fafc}.managementSidebar{padding:28px 20px;background:#0f172a;color:white;border-right:1px solid rgba(255,255,255,.08)}.managementSidebarInner{min-width:0}.staffInfoBar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:#ffffff;border:1px solid var(--border);box-shadow:none}.sidebarTitle{font-size:1.2rem;color:white}.sidebarHeader{align-items:center}.sidebarToggle{display:none;min-height:38px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:white;box-shadow:none}.managementSidebarCopy{color:rgba(255,255,255,.72)}.managementSections{display:flex;flex-direction:column;gap:12px}.managementSection{gap:10px}.managementSectionTitle{color:rgba(255,255,255,.62);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.managementLinks{display:flex;flex-direction:column;gap:10px}.managementLogout{margin-top:8px}.managementLogoutButton{width:100%}.managementLink{display:block;padding:12px 14px;border-radius:12px;color:rgba(255,255,255,.84);background:transparent;border:1px solid rgba(255,255,255,.06)}.managementLinkActive{background:rgba(255,255,255,.1);color:white}.managementLink:hover{background:rgba(255,255,255,.08)}.mainArea,.managementMain{padding:24px;min-width:0}.metric{padding:18px}.metric strong{display:block;font-size:1.8rem}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:14px 12px;border-bottom:1px solid #eaecf0;text-align:left;vertical-align:top}.table th{color:var(--text-soft);font-size:.9rem}.fullScreenBoard{min-height:100vh;padding:24px;background:#0f172a;color:white}.boardCard{margin:0 auto;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none}.boardCard,.monitorBoard{width:min(1280px,100%)}.monitorHeader{margin-bottom:20px}.monitorTitle{color:white;font-size:2rem}.monitorTimestamp{margin:4px 0 0;color:rgba(255,255,255,.7);font-size:.95rem}.monitorGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.monitorPanel{padding:20px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.monitorSectionTitle{margin-bottom:12px;color:rgba(255,255,255,.8);font-size:.95rem;font-weight:700;letter-spacing:.04em}.monitorGameRow,.monitorRankingRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);color:white;font-size:1.15rem}.monitorName{flex:1 1}.monitorGameMeta{color:rgba(255,255,255,.65);font-size:.9rem}.monitorStatus{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:8px 10px;border-radius:10px;color:white;font-size:.95rem;font-weight:700}.monitorStatusOpen{background:var(--success)}.monitorStatusBusy{background:var(--warning)}.monitorStatusPaused{background:#64748b}.monitorStatusClosed{background:#334155}.monitorEmpty{color:rgba(255,255,255,.8);font-size:1rem;padding:16px 0}@media (max-width:900px){.managementShell,.monitorGrid{grid-template-columns:1fr}.managementSidebar{padding:16px 14px 10px}.managementSidebar .subtitle,.sidebarTitle{margin-bottom:4px}.sidebarToggle{display:inline-flex;align-items:center;justify-content:center}.managementSections{display:none;gap:14px}.managementSectionsOpen{display:flex}.managementLinks{display:flex;flex-direction:column;overflow:visible;gap:8px;padding-bottom:0}.managementLogout{margin-top:2px}.managementLink{min-width:0;white-space:normal}.sidebarHeader{align-items:flex-start}}@media (max-width:640px){.pageShell{padding:18px 14px 104px}.heroCard,.metricCard,.sectionCard{padding:18px}.title{font-size:1.45rem}.sidebarTitle{font-size:1.05rem!important}.managementSidebar .subtitle{font-size:.88rem;line-height:1.5}}