*{box-sizing:border-box;margin:0;padding:0;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}:root{--font-display:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--bg-surface:#18181b;--accent-emerald:#10b981;--accent-emerald-rgb:16, 185, 129;--accent-cyan:#06b6d4;--accent-cyan-rgb:6, 182, 212;--accent-amber:#f59e0b;--accent-amber-rgb:245, 158, 11;--accent-red:#ef4444;--accent-red-rgb:239, 68, 68;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#27272a;--border-hover:#3f3f46;--border-glow:#27272a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:none;--shadow-cyan-glow:none;--glass-blur:none;--transition-fast:.15s ease;--transition-normal:.25s ease;--card-bg:#18181b;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--btn-primary-bg:#d0f74a;--btn-primary-text:#09090b;--btn-primary-hover:#bde23c}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f4f4f5;--bg-tertiary:#e4e4e7;--bg-surface:#fff;--accent-emerald:#10b981;--accent-emerald-rgb:16, 185, 129;--accent-cyan:#06b6d4;--accent-cyan-rgb:6, 182, 212;--accent-amber:#f59e0b;--accent-amber-rgb:245, 158, 11;--accent-red:#ef4444;--accent-red-rgb:239, 68, 68;--text-primary:#09090b;--text-secondary:#71717a;--text-muted:#a1a1aa;--border-color:#e4e4e7;--border-hover:#d4d4d8;--border-glow:#e4e4e7;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-glow:none;--shadow-cyan-glow:none;--card-bg:#fff;--btn-primary-bg:#d0f74a;--btn-primary-text:#09090b;--btn-primary-hover:#bde23c}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{background:var(--bg-primary);width:100%;height:100vh;color:var(--text-primary);display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);width:260px;height:100vh;-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);transition:width var(--transition-fast) cubic-bezier(.4, 0, .2, 1);z-index:10;flex-direction:column;flex-shrink:0;padding:1.5rem 1rem;display:flex;overflow:hidden}.sidebar.collapsed{width:78px}.sidebar-header{white-space:nowrap;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:0 .5rem;display:flex;overflow:hidden}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.4rem;display:flex}.sidebar-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:var(--font-display);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.85rem;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:flex;overflow:hidden}.sidebar-btn:hover{color:var(--text-primary);background:#ffffff08}.sidebar-btn.active{color:#09090b;background:#d0f74a;border-color:#d0f74a}.sidebar-btn-icon{text-align:center;min-width:24px;font-size:1.25rem;display:inline-block}.sidebar-btn-label{transition:opacity var(--transition-fast)}.sidebar.collapsed .sidebar-btn-label{display:none!important}.sidebar.collapsed .sidebar-btn{justify-content:center;gap:0;padding:.75rem 0}.sidebar.collapsed .sidebar-btn-icon{min-width:auto;margin:0}.sidebar-footer{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.main-layout{flex-direction:column;flex-grow:1;min-width:0;height:100vh;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);background:#09090b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 2rem;display:flex}@media (width<=767.98px){.top-bar{display:none!important}}.top-bar-title{font-size:1.6rem;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}@media (width<=767.98px){.top-bar-title{font-size:1.25rem}}.content-body{scrollbar-gutter:stable;flex-grow:1;max-width:100%;padding:2rem;overflow-y:auto}.app-container{width:100%;max-width:100%}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;padding:1.5rem}.glass-card:hover{border-color:var(--border-hover)}.glass-card-interactive:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.btn{font-family:var(--font-display);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:#0000}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-danger{color:#fecaca;background:#7f1d1d;border-color:#991b1b}.btn-danger:hover{background:#991b1b}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.85rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);padding:.5rem .75rem;font-size:.875rem}.form-input:focus,.form-select:focus{border-color:var(--border-hover);box-shadow:0 0 0 2px var(--border-color);background:var(--bg-primary);outline:none}.form-input::placeholder{color:var(--text-muted)}input[type=date].form-input{box-sizing:border-box!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;width:100%!important;max-width:100%!important;height:48px!important;min-height:48px!important;color:var(--text-primary)!important;appearance:none!important;text-align:left!important;align-items:center!important;padding:0 2.5rem 0 .75rem!important;font-size:.875rem!important;line-height:48px!important;display:block!important}input[type=date].form-input::-webkit-date-and-time-value{text-align:left!important;align-items:center!important;min-height:48px!important;display:flex!important}.form-input-date-wrapper{box-sizing:border-box!important;width:100%!important;display:block!important;position:relative!important}input[type=date]::-webkit-calendar-picker-indicator{color:#0000!important;cursor:pointer!important;z-index:5!important;background:0 0!important;width:auto!important;height:auto!important;position:absolute!important;inset:0!important}.form-date-icon-trigger{opacity:.8;color:var(--text-primary)!important;pointer-events:none!important;z-index:2!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;top:50%!important;right:.75rem!important;transform:translateY(-50%)!important}input[type=date]::-webkit-calendar-picker-indicator:hover~.form-date-icon-trigger{opacity:1!important}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:var(--accent-emerald);background:#10b98126}.badge-cyan{color:var(--accent-cyan);background:#06b6d426}.badge-warning{color:var(--accent-amber);background:#f59e0b26}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{z-index:10;background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;font-size:.8rem;font-weight:600;position:sticky;top:0}.custom-table th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast), background-color var(--transition-fast)}.custom-table th.sortable-th:hover{color:var(--text-primary);background-color:var(--border-hover)}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);background:#0f172a33;padding:1rem 1.25rem;font-size:.95rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#ffffff05}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(var(--accent-emerald-rgb), .2)}50%{box-shadow:0 0 25px rgba(var(--accent-emerald-rgb), .5)}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:4px solid #ffffff0d;border-top-color:#d0f74a;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}select option{background-color:var(--bg-tertiary);color:var(--text-primary)}@media (width<=767.98px){.sidebar{display:none!important}.app-shell{flex-direction:column;min-height:100vh;height:auto!important;overflow:visible!important}.main-layout{min-height:100vh;height:auto!important;overflow:visible!important}.content-body{height:auto!important;padding:1rem!important;overflow:visible!important}.tab-navigation{display:grid!important}}@media (width>=768px){.tab-navigation{display:none!important}}.logout-footer-container{justify-content:flex-end;width:100%;margin-top:auto;padding-bottom:1.5rem;display:flex}.btn-logout{width:auto}@media (width<=768px){.logout-footer-container{justify-content:center}.btn-logout{width:100%!important}}.courts-grid-layout{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;display:grid}@media (width<=1200px){.courts-grid-layout{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.courts-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.courts-grid-layout{grid-template-columns:1fr}}.queue-grid-layout{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}@media (width<=1024px){.queue-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.queue-grid-layout{grid-template-columns:1fr}}.queue-player-card{border:1px solid var(--border-color);min-width:0;transition:all var(--transition-fast);background:#18181b;border-left:1px solid #27272a;border-radius:10px;flex-direction:column;gap:.35rem;padding:.65rem .8rem;display:flex}.queue-player-card .player-name{color:#fff;font-size:14px;font-weight:700}.queue-player-card .player-level{color:#fff;background:#ffffff0f;border:1px solid #ffffff0a;border-radius:4px;padding:.05rem .25rem;font-size:.58rem;font-weight:700}.queue-player-card .player-badge{border:1px solid;border-radius:5px;padding:.1rem .35rem;font-size:.62rem;font-weight:700}.queue-player-card .btn-action{cursor:pointer;border:1px solid #ffffff14;border-radius:5px;justify-content:center;align-items:center;gap:.2rem;min-height:20px;padding:.15rem .4rem;font-size:11px;font-weight:700;display:flex}.queue-player-card .player-card-stats-row{font-size:.68rem}.queue-player-card .player-court-badge{font-size:.62rem}.queue-player-card .player-games-badge{font-size:.65rem}.queue-player-card .btn-remove{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef444440;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.62rem;font-weight:700;display:flex}@media (width<=767.98px){.queue-player-card{gap:.5rem!important;padding:.85rem 1rem!important}.queue-player-card .player-name{font-size:.95rem!important}.queue-player-card .player-level{padding:.1rem .35rem!important;font-size:.72rem!important}.queue-player-card .player-badge{padding:.2rem .5rem!important;font-size:.75rem!important}.queue-player-card .btn-action{gap:.3rem!important;min-height:32px!important;padding:.35rem .75rem!important;font-size:.78rem!important}.queue-player-card .btn-remove{width:32px!important;height:32px!important;font-size:.78rem!important}.queue-player-card .btn-action svg,.queue-player-card .btn-remove svg{width:12px!important;height:12px!important}}.preset-next-game-container{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;min-width:0;margin-top:.1rem;padding:.2rem 0;font-size:.75rem;display:flex}.preset-next-game-btn{color:var(--text-secondary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:.3rem;min-width:0;display:flex;overflow:hidden}.preset-next-game-btn .preset-text{font-size:.75rem}.preset-btn-edit,.preset-btn-clear{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:0 4px;display:inline-flex}.preset-btn-edit{color:var(--text-muted)}.preset-btn-clear{color:#f87171}@media (width<=767.98px){.preset-next-game-container{padding:.4rem 0!important}.preset-next-game-btn{gap:.45rem!important}.preset-next-game-btn .preset-text{font-size:.88rem!important;font-weight:500!important}.preset-next-game-btn svg{width:14px!important;height:14px!important}.preset-btn-edit,.preset-btn-clear{min-width:32px!important;min-height:32px!important;padding:4px!important}.preset-btn-edit svg,.preset-btn-clear svg{width:15px!important;height:15px!important}}.success-alert-box{color:#d0f74a!important;background:#d0f74a0d!important;border-color:#d0f74a!important;font-size:14px!important}.mobile-only-settings-card{display:flex!important}@media (width>=768px){.mobile-only-settings-card{display:none!important}}@keyframes pulse-opacity{0%,to{opacity:.55}50%{opacity:1}}.pulse-opacity{animation:2s ease-in-out infinite pulse-opacity}.board-view-layout{align-items:flex-start;gap:1.5rem;width:100%;display:flex}.board-queue-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181bbf;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;flex-shrink:0;gap:1rem;width:320px;max-height:calc(100vh - 120px);padding:1.25rem;display:flex;position:sticky;top:80px;overflow-y:auto}.board-courts-area{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}@media (width<=1024px){.board-view-layout{flex-direction:column-reverse}.board-queue-sidebar{width:100%;max-height:none;position:relative;top:0}}