:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden}#root{text-align:left;box-sizing:border-box;width:100%;max-width:none;min-height:100vh;margin:0;padding:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#050505;--surface:#0b0b0e;--surface-2:#111016;--surface-3:#1a1428;--purple:#3a0ca3;--purple-light:#7045d6;--purple-bright:#895cff;--purple-dark:#21075e;--text:#f5f3fa;--muted:#a39eae;--border:#7045d640;--success:#45c895;--danger:#ef6c7b;--warning:#e9b75e;--info:#73b7ed;--radius:13px;--shadow:0 12px 32px #00000073}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(at 80% 0,#3a0ca329,#0000 40%),#050505;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:all .2s}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}a{color:var(--purple-light);text-decoration:none}::selection{background:var(--purple);color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#080808}::-webkit-scrollbar-thumb{background:#302052;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}input,select,textarea{width:100%;min-height:42px;color:var(--text);border:1px solid var(--border);background:#09080d;border-radius:9px;outline:none;padding:11px 13px;transition:all .2s}input:hover,select:hover,textarea:hover{border-color:var(--purple-light)}input:focus,select:focus,textarea:focus{border-color:var(--purple-bright);box-shadow:0 0 0 3px #3a0ca333}input::placeholder,textarea::placeholder{color:#77717f}select option{color:#fff;background:#100d17}textarea{resize:vertical;min-height:100px}label{color:#d1cbdc;margin-bottom:7px;font-size:13px;font-weight:600;display:block}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px}.app-container,.login-page{background:radial-gradient(circle at 15% 15%,#3a0ca338,#0000 38%),radial-gradient(circle at 85% 85%,#3a0ca321,#0000 38%),#050505;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:25px;display:flex}.login-card{border:1px solid var(--border);background:#090909;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:950px;min-height:550px;display:grid;overflow:hidden;box-shadow:0 25px 80px #000000a6}.brand-section,.login-brand{border-right:1px solid var(--border);background:radial-gradient(circle at 20% 15%,#7045d640,#0000 45%),linear-gradient(145deg,#180b32,#080808);flex-direction:column;justify-content:center;padding:50px 40px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#7045d6,#3a0ca3);border-radius:16px;place-items:center;width:58px;height:58px;font-size:27px;font-weight:800;display:grid;box-shadow:0 8px 28px #3a0ca366}.brand-icon.small{border-radius:12px;width:42px;height:42px;font-size:19px}.eyebrow{color:#a88aff;letter-spacing:2.5px;margin:25px 0 10px;font-size:11px;font-weight:800}.brand-section h1,.login-brand h1{letter-spacing:-1px;margin-bottom:12px;font-size:clamp(28px,4vw,42px);line-height:1.15}.purple-line{background:linear-gradient(90deg,#3a0ca3,#895cff);border-radius:5px;width:62px;height:4px;margin:12px 0 18px}.tagline{color:var(--muted);line-height:1.7}.table-decoration{margin-top:35px}.snooker-table{background:#12603b;border:9px solid #49301e;border-radius:12px;height:115px;position:relative;box-shadow:inset 0 0 0 2px #27945d}.ball{border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:inset -3px -3px 4px #0006}.ball.red{background:#e63242;top:35%;left:35%}.ball.yellow{background:#f4d23e;top:55%;left:55%}.ball.white{background:#fff;top:25%;left:70%}.login-section{flex-direction:column;justify-content:center;padding:50px 40px;display:flex}.login-section h2{margin-bottom:8px;font-size:27px}.subtitle{color:var(--muted);margin-bottom:27px;line-height:1.6}.role-selector{gap:10px;margin-bottom:22px;display:flex}.role{color:var(--muted);border:1px solid var(--border);background:#111016;border-radius:9px;flex:1;padding:11px}.role:hover{border-color:var(--purple-light)}.role.active{color:#fff;border-color:var(--purple-light);background:#3a0ca352}.password-wrap{position:relative}.password-wrap input{padding-right:75px}.password-toggle{color:#a88aff;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.error-message{color:var(--danger);margin:12px 0;font-size:13px}.login-button,.employee-primary-button,.modal-submit{color:#fff;background:linear-gradient(135deg,#7045d6,#3a0ca3);border:1px solid #b29ad833;border-radius:9px;width:100%;padding:13px 18px;font-weight:700;box-shadow:0 6px 20px #3a0ca34d}.login-button:hover,.employee-primary-button:hover,.modal-submit:hover{background:linear-gradient(135deg,#895cff,#4c17b8);transform:translateY(-2px);box-shadow:0 9px 25px #3a0ca373}.footer-text,.backend-status{color:var(--muted);margin-top:20px;font-size:12px}.back-button{color:#a88aff;text-align:left;background:0 0;border:none;margin-bottom:18px}.app-shell,.admin-layout{background:#050505;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.app-sidebar,.sidebar{border-right:1px solid var(--border);background:radial-gradient(at 0 0,#3a0ca329,#0000 45%),#080808;flex-direction:column;flex:0 0 250px;align-self:flex-start;width:250px;min-height:100vh;padding:23px 15px;display:flex;position:sticky;top:0}.sidebar-brand{color:#fff;align-items:center;gap:12px;padding:5px 8px 27px;font-size:16px;font-weight:800;display:flex}.sidebar-navigation,.sidebar-nav{flex-direction:column;gap:6px;margin-top:22px;display:flex}.sidebar-label{color:#827b91;letter-spacing:1.8px;padding:12px;font-size:10px;font-weight:800}.sidebar-link,.nav-item{color:#b2abba;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:44px;padding:11px 13px;font-size:13px;font-weight:550;display:flex}.sidebar-link:hover,.nav-item:hover{color:#fff;border-color:var(--border);background:#3a0ca326}.sidebar-link.active,.nav-item.active{color:#fff;background:linear-gradient(105deg,#3a0ca38c,#3a0ca32b);border-color:#895cff59;box-shadow:inset 3px 0 #895cff}.nav-icon{color:#a88aff;text-align:center;width:22px}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:20px}.sidebar-user{align-items:center;gap:10px;padding:10px 5px;display:flex}.user-avatar,.header-avatar{color:#fff;background:linear-gradient(135deg,#7045d6,#3a0ca3);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 5px 15px #3a0ca34d}.user-details{flex-direction:column;gap:4px;min-width:0;display:flex}.user-details span:last-child{color:var(--muted);font-size:12px}.logout-button,.sidebar-logout{color:#d0bfc9;text-align:left;background:#ef6c7b0f;border:1px solid #ef6c7b29;border-radius:9px;width:100%;margin-top:10px;padding:10px 12px}.logout-button:hover,.sidebar-logout:hover{color:#ff9aa5;background:#ef6c7b21}.app-main,.main-workspace{background:0 0;flex:auto;width:auto;min-width:0;min-height:100vh;margin:0;padding:0}.app-topbar,.workspace-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09090bf5;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:72px;padding:16px 28px;display:flex}.app-topbar h1,.app-topbar h2,.workspace-header h1,.workspace-header h2{color:#f4f3f8;margin:0;font-size:19px;font-weight:700}.header-right{align-items:center;gap:16px;display:flex}.connection-indicator{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #45c89559}.app-page-content,.dashboard-content{text-align:left;width:100%;max-width:none;margin:0;padding:26px}.welcome-banner{box-shadow:var(--shadow);background:radial-gradient(circle at 90% 10%,#7045d64d,#0000 38%),linear-gradient(115deg,#170b30,#090909 75%);border:1px solid #7045d659;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;padding:27px;display:flex}.welcome-banner h1{letter-spacing:-.7px;margin-bottom:8px;font-size:25px}.welcome-banner p{color:var(--muted);margin:0}.welcome-mark{color:#895cff;font-size:42px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin:25px 0 17px;display:flex}.section-heading h2{color:#f1eff7;margin:0;font-size:19px}.role-tag{color:#bba4ff;border:1px solid var(--border);background:#3a0ca333;border-radius:30px;padding:6px 11px;font-size:11px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.overview-card{border:1px solid var(--border);background:linear-gradient(145deg,#111016,#080808);border-radius:13px;min-width:0;padding:19px;transition:all .2s;box-shadow:0 7px 20px #0000004d}.overview-card:hover{border-color:#895cff99;transform:translateY(-3px);box-shadow:0 10px 28px #3a0ca32e}.overview-card-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.overview-icon{color:#bba4ff;background:#3a0ca338;border:1px solid #7045d633;border-radius:11px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.card-label{color:var(--muted);font-size:13px}.connected-text{color:var(--success);font-size:11px}.management-panel,.coming-soon-panel{border:1px solid var(--border);background:#0b0a0e;border-radius:14px;margin-top:24px;padding:22px;box-shadow:0 7px 20px #0003}.module-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.module-item{border:1px solid var(--border);background:#100d17;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:14px;transition:all .2s;display:flex}.module-item:hover{background:#1a1030;border-color:#7045d6;transform:translateY(-2px)}.module-icon{color:#a88aff;font-size:20px}.module-arrow{color:var(--muted);margin-left:auto}.workspace-footer{color:#827b91;text-align:center;padding:22px;font-size:12px}.coming-soon-panel{text-align:center;padding:65px 20px}.coming-soon-icon{color:#a88aff;margin-bottom:15px;font-size:42px}.employee-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.employee-heading h2{margin:0}.employee-primary-button{width:auto;padding:11px 18px}.employee-alert{border-radius:9px;margin-bottom:18px;padding:12px 15px;font-size:13px}.employee-alert.success{color:#79e5b6;background:#45c8951a;border:1px solid #45c89540}.employee-alert.error{color:#ff9aa5;background:#ef6c7b1a;border:1px solid #ef6c7b40}.employee-form-panel,.employee-list-panel{border:1px solid var(--border);background:#0b0a0e;border-radius:14px;margin-bottom:22px;padding:22px}.employee-form-panel h3,.employee-list-heading h3{margin-bottom:20px}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.full-width-field{grid-column:1/-1}.employee-form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.employee-secondary-button{color:var(--text);border:1px solid var(--border);background:#15111e;border-radius:9px;padding:11px 17px}.employee-secondary-button:hover{background:#24163e;border-color:#7045d6}.employee-list-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.employee-empty{color:var(--muted);text-align:center;padding:35px 15px}.employee-table-wrap{width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:650px}.employee-table th,.employee-table td{border-bottom:1px solid var(--border);text-align:left;padding:14px 12px;font-size:13px}.employee-table th{color:#a89dbb;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700}.employee-table tbody tr:hover{background:#3a0ca314}.employee-name-cell{align-items:center;gap:10px;display:flex}.employee-avatar{color:#bba4ff;background:#24163e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.employee-status{border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.active-status{color:#75e2ae;background:#45c8951f}.inactive-status{color:#ff9aa5;background:#ef6c7b1f}.employee-actions{align-items:center;gap:7px;display:flex}.employee-action-button{color:#bba4ff;border:1px solid var(--border);background:#15111e;border-radius:7px;padding:7px 10px;font-size:12px}.employee-action-button:hover{background:#24163e;border-color:#7045d6}.employee-action-button.danger-action{color:var(--danger)}.employee-action-button.activate-action{color:var(--success)}.employee-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.employee-modal{background:#100d17;border:1px solid #7045d666;border-radius:16px;width:100%;max-width:480px;padding:25px;box-shadow:0 25px 80px #000000b3}.employee-modal-close{float:right;color:var(--muted);background:0 0;border:none;font-size:22px}.visual-tables-section{margin-top:30px}.visual-tables-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.table-summary{color:var(--muted);font-size:13px}.visual-tables-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.visual-table-card{border:1px solid var(--border);background:radial-gradient(circle at 50% 42%,#3a0ca31f,#0000 68%),linear-gradient(145deg,#100d17,#070707);border-radius:15px;min-width:0;padding:18px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 10px 26px #0006}.visual-table-card:hover{border-color:#895cff99;transform:translateY(-3px);box-shadow:0 15px 35px #3a0ca32b}.visual-table-top,.visual-table-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.visual-table-top{margin-bottom:15px}.visual-table-bottom{flex-wrap:wrap;margin-top:16px}.table-status{white-space:nowrap;border:1px solid #0000;border-radius:30px;padding:6px 11px;font-size:11px;font-weight:700}.table-status.available{color:#78edb5;background:#45c8951f;border-color:#45c89533}.table-status.occupied{color:#ffd27b;background:#e9b75e1f;border-color:#e9b75e33}.table-status.inactive{color:#ff9aa5;background:#ef6c7b1f;border-color:#ef6c7b33}.academy-table{isolation:isolate;width:94%;height:160px;transform-style:preserve-3d;background:linear-gradient(145deg,#087044,#06482e 75%);border:11px solid #49301e;border-radius:12px;margin:12px auto 20px;transition:transform .3s;position:relative;transform:perspective(850px)rotateX(7deg);box-shadow:0 13px #24150e,0 19px #49301e,0 25px 23px #00000080,inset 0 0 0 3px #95613a,inset 0 0 18px #0000004d}.academy-table:before{content:"";z-index:-1;background:linear-gradient(135deg,#714426,#2d190f 35%,#56331e 65%,#26150d);border:3px solid #95613a;border-radius:12px;position:absolute;inset:-11px}.academy-table:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff14,#0000 30% 75%,#0000001a);position:absolute;inset:0}.visual-table-card:hover .academy-table{transform:perspective(850px)rotateX(4deg)scale(1.01)}.table-playing-surface{background:radial-gradient(at 50% 45%,#1b844da6,#0000 75%),linear-gradient(135deg,#087347,#075332 55%,#06442b);position:absolute;inset:0;overflow:hidden}.table-pocket{z-index:3;background:radial-gradient(circle at 35% 30%,#30251e,#050403 65%);border:2px solid #9b7048;border-radius:50%;width:17px;height:17px;position:absolute;box-shadow:inset 0 2px 5px #000000e6}.pocket-top-left{top:-9px;left:-9px}.pocket-top-middle{top:-9px;left:50%;transform:translate(-50%)}.pocket-top-right{top:-9px;right:-9px}.pocket-bottom-left{bottom:-9px;left:-9px}.pocket-bottom-middle{bottom:-9px;left:50%;transform:translate(-50%)}.pocket-bottom-right{bottom:-9px;right:-9px}.table-baulk-line{background:#ffffffb3;width:1px;position:absolute;top:0;bottom:0;left:25%}.table-d{border:1px solid #ffffffb3;border-left:none;border-radius:0 50% 50% 0;width:48px;height:75px;position:absolute;top:50%;left:25%;transform:translateY(-50%)}.table-ball{z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:inset -3px -4px 5px #0000007a,inset 2px 2px 3px #ffffff80,0 2px 4px #0006}.ball-white-visual{background:radial-gradient(circle at 30% 25%,#fff,#d6d6d6);top:50%;left:15%}.ball-red-visual{background:radial-gradient(circle at 30% 25%,#ff6b75,#a80019);top:32%;left:48%}.ball-yellow-visual{background:radial-gradient(circle at 30% 25%,#fff19a,#d6a900);top:55%;left:60%}.ball-blue-visual{background:radial-gradient(circle at 30% 25%,#78c4ff,#0755b2);top:50%;left:70%}.ball-pink-visual{background:radial-gradient(circle at 30% 25%,#ffc1dc,#d94b91);top:30%;left:75%}.ball-black-visual{background:radial-gradient(circle at 30% 25%,#777,#080808 65%);top:70%;left:85%}.inactive-table{opacity:.42;filter:grayscale(.65)}.table-session-button{color:#fff;background:linear-gradient(135deg,#7045d6,#3a0ca3);border:1px solid #b29ad840;border-radius:8px;max-width:100%;padding:9px 14px;font-size:12px;font-weight:700;box-shadow:0 5px 14px #3a0ca34d}.table-session-button:hover{background:linear-gradient(135deg,#895cff,#4c17b8);transform:translateY(-1px)}.management-page,.page-container,.records-page,.payments-page,.games-page,.activity-page{width:100%;min-width:0}.management-page h1,.page-container h1,.records-page h1,.payments-page h1,.games-page h1,.activity-page h1{color:var(--text);letter-spacing:-.4px}.management-page>section,.page-container>section{margin-bottom:20px}.management-panel h2,.management-panel h3,.employee-list-panel h3{color:#f1eff7}button.secondary,.secondary-button,.cancel-button{color:#ded8e9;border:1px solid var(--border);background:#15111e;border-radius:9px}button.secondary:hover,.secondary-button:hover,.cancel-button:hover{background:#24163e;border-color:#7045d6}table{border-collapse:collapse;width:100%}th{color:#a89dbb;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}th,td{border-bottom:1px solid var(--border);text-align:left;padding:12px}tbody tr{transition:background .15s}tbody tr:hover{background:#3a0ca314}.badge,.status-badge,.payment-status,.game-status{border-radius:30px;justify-content:center;align-items:center;width:fit-content;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.success,.paid,.completed{color:#75e2ae;background:#45c8951f}.warning,.pending,.active{color:#ffd27b;background:#e9b75e1f}.danger,.overdue,.cancelled{color:#ff9aa5;background:#ef6c7b1f}.modal-backdrop,.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.modal-content{width:100%;max-width:600px;max-height:90vh;color:var(--text);box-shadow:var(--shadow);background:#100d17;border:1px solid #7045d666;border-radius:15px;padding:25px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.loading,.loading-state,.empty-state{color:var(--muted);text-align:center;padding:35px 20px}.error,.error-state{color:#ff9aa5;background:#ef6c7b1a;border:1px solid #ef6c7b33;border-radius:9px;padding:12px 15px}.snooker-3d-viewer{width:100%;min-width:0;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);background:#0b0a0e;border-radius:14px;padding:18px}.snooker-3d-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.snooker-3d-canvas{border:1px solid var(--border);background:#080808;border-radius:11px;width:100%;height:480px;overflow:hidden}.snooker-3d-canvas canvas{cursor:grab;width:100%;height:100%;display:block}.snooker-3d-canvas canvas:active{cursor:grabbing}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}.app-shell{width:100%;min-height:100vh;overflow-x:hidden}.app-sidebar{flex-shrink:0}.app-main{flex:1;width:auto;min-width:0}.app-topbar{width:100%}.app-page-content,.dashboard-content{box-sizing:border-box;width:100%;max-width:none;margin:0}@media (width<=1350px){.visual-tables-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1050px){.visual-tables-grid,.module-list{grid-template-columns:repeat(2,minmax(0,1fr))}.app-sidebar,.sidebar{flex-basis:225px;width:225px}}@media (width<=760px){.app-shell,.admin-layout{flex-direction:column}.app-sidebar,.sidebar{flex-basis:auto;width:100%;min-height:auto;position:relative}.app-main,.main-workspace{width:100%}.app-page-content,.dashboard-content{padding:16px}.app-topbar,.workspace-header{padding:15px 18px}.login-card{grid-template-columns:1fr;max-width:520px}.brand-section,.login-brand{border-right:none;border-bottom:1px solid var(--border);padding:30px}.login-section{padding:30px}.visual-tables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-form-grid{grid-template-columns:1fr}.full-width-field{grid-column:auto}}@media (width<=520px){.overview-grid,.module-list,.visual-tables-grid{grid-template-columns:1fr}.welcome-banner{align-items:flex-start;padding:20px}.welcome-banner h1{font-size:21px}.employee-heading,.employee-list-heading,.visual-tables-heading{flex-direction:column;align-items:flex-start}.employee-form-actions{flex-direction:column}.employee-form-actions button{width:100%}.login-card{min-height:auto}.snooker-3d-viewer{padding:10px}.snooker-3d-canvas{height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.games-page{max-width:1500px;margin:auto;padding:32px}.games-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.games-heading h2{margin:6px 0;font-size:24px}.games-heading p:not(.eyebrow){color:#a5a0b0;font-size:13px}.game-price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px;display:grid}.game-price-grid label{color:#d9d3e3;flex-direction:column;gap:8px;font-size:12px;display:flex}.game-inline{gap:8px;display:flex}.games-page input,.games-page select{color:#f5f3fa;background:#09090b;border:1px solid #393044;border-radius:7px;width:100%;min-width:0;padding:12px}.games-page small{color:#a5a0b0;font-weight:400}.game-rate-note{color:#c5acff;margin-top:18px;font-size:13px}.games-page .employee-list-panel h3{margin-bottom:16px}@media (width<=900px){.game-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-page{padding:18px}}@media (width<=600px){.game-price-grid{grid-template-columns:1fr}.games-heading{flex-direction:column;align-items:flex-start}}.game-selection-section{background:#17121f;border:1px solid #393044;border-radius:16px;margin:24px 0;padding:24px}.game-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.game-type-card{color:#f5f3fa;text-align:left;cursor:pointer;background:#211a2c;border:1px solid #49385d;border-radius:15px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;min-height:190px;padding:22px;transition:all .2s;display:flex}.game-type-card:hover,.game-type-card.selected-game{background:#332542;border-color:#b39ccb;transform:translateY(-4px);box-shadow:0 10px 24px #0005}.game-type-card small{color:#b9aec7;font-size:12px;line-height:1.5}.game-open-label{color:#d7b6c7;font-size:12px;font-weight:700}@media (width<=1050px){.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=550px){.game-type-grid{grid-template-columns:1fr}}.game-type-grid{gap:12px}.game-type-card{min-height:145px;padding:15px}.game-type-icon{font-size:26px}.game-type-card strong{font-size:14px}.game-type-card small{font-size:11px}