:root{color:#fff;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000}button,input,select,textarea{font:inherit}button{cursor:pointer}.staffLoginPage{align-items:center;background:linear-gradient(180deg,#151515,#000 58%),#000;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative}.loginBeam{background:linear-gradient(90deg,transparent,rgba(255,215,0,.38),transparent);height:1px;pointer-events:none;position:absolute;right:-20%;transform:rotate(22deg);transform-origin:right center;width:150%}.loginBeamOne{top:30%}.loginBeamTwo{top:48%;opacity:.7}.loginBeamThree{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);top:66%}.loginGlow{background:linear-gradient(135deg,rgba(255,215,0,.14),transparent 42%);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.staffLoginPanel{max-width:430px;position:relative;width:100%;z-index:1}.sparkLockup{display:block;height:30px;margin-bottom:30px;object-fit:contain;width:auto}.staffAuthStack{display:grid;gap:22px}.staffPortalBadge{align-items:center;background:#ffd70014;border:1px solid rgba(255,215,0,.4);color:gold;display:inline-flex;gap:8px;justify-self:start;padding:7px 13px}.staffPortalBadge span,.staffFieldLabel span,.staffPrimaryButton,.staffDivider span,.oauthGrid span{font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.staffAuthStack h1{color:#fff;font-size:46px;font-weight:900;letter-spacing:0;line-height:.94;margin:0;text-transform:uppercase}.staffAuthStack h1 span{color:gold}.staffAuthStack p{color:#9ca3af;font-size:14px;font-weight:500;line-height:1.55;margin:16px 0 0}.staffAuthStack p strong{color:#fff}.staffFieldLabel{display:grid;gap:10px}.staffFieldLabel>span{color:#6b7280}.phoneInputRow{display:flex;gap:10px}.countryCodeBox,.phoneInputRow input{background:#141417;border:1px solid rgba(255,255,255,.12);color:#fff;min-height:56px}.countryCodeBox{align-items:center;display:flex;flex:none;gap:9px;padding:0 15px}.kuwaitFlag{flex:none;height:15px;width:22px}.phoneInputRow input{flex:1;font-size:15px;font-weight:700;min-width:0;outline:0;padding:0 16px}.phoneInputRow input:focus,.otpInput:focus{border-color:gold;box-shadow:0 0 0 3px #ffd7002e}.staffPrimaryButton{align-items:center;background:gold;border:0;color:#000;display:flex;gap:10px;justify-content:center;min-height:56px;padding:0 18px}.staffPrimaryButton:disabled,.oauthGrid button:disabled{cursor:not-allowed;opacity:.6}.staffDivider{align-items:center;display:flex;gap:14px}.staffDivider:before,.staffDivider:after{background:#ffffff1a;content:"";flex:1;height:1px}.staffDivider span{color:#6b7280;white-space:nowrap}.oauthGrid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.oauthGrid button{align-items:center;background:transparent;border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;flex-direction:column;gap:8px;min-height:76px;padding:12px 6px}.oauthGrid button:hover,.backCircleButton:hover{background:#ffffff0f}.staffAuthNote{color:#6b7280;font-size:12px}.staffAuthError{background:#ff3b301f;border:1px solid rgba(255,59,48,.34);color:#fecaca;font-size:13px;font-weight:700;line-height:1.45;padding:12px 14px}.backCircleButton{align-items:center;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;display:flex;height:42px;justify-content:center;width:42px}.otpGrid{display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.otpInput{background:#0e0e10;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:24px;font-weight:900;height:58px;outline:0;text-align:center;width:100%}.loginPage{align-items:stretch;background:#000;display:grid;gap:32px;grid-template-columns:minmax(0,1.1fr) minmax(360px,480px);min-height:100vh;padding:40px}.loginHero{border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;min-height:640px;overflow:hidden;padding:40px;position:relative}.loginHero:before{background:linear-gradient(135deg,rgba(255,215,0,.18),transparent 36%),radial-gradient(circle at 82% 18%,rgba(255,215,0,.12),transparent 28%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.loginHero>*{position:relative}.loginBrand,.sidebarBrand{align-items:center;display:flex;min-height:38px}.sidebarLogo{display:block;height:24px;object-fit:contain;width:auto}.brandMark{align-items:center;background:gold;border-radius:8px;color:#000;display:flex;font-size:20px;font-weight:900;height:38px;justify-content:center;width:38px}.brandMarkLarge{height:48px;width:48px}.brandTitle{font-size:18px;font-weight:900;letter-spacing:1px}.brandSubtitle,.sessionEmail,.sessionMode,.loginHero p,.panelHeader p,.dashboardCard p,.heroPanel p,.heroMetric span,.roleCard span,.loginStats span{color:#9ca3af}.loginHero h1{font-size:clamp(42px,6vw,76px);letter-spacing:0;line-height:.96;margin:auto 0 20px;max-width:760px}.loginHero p{font-size:18px;line-height:1.6;max-width:680px}.loginStats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.loginStats div,.dashboardCard,.heroPanel,.loginPanel{background:#111;border:1px solid rgba(255,255,255,.12);border-radius:8px}.loginStats div{display:flex;flex-direction:column;gap:6px;padding:18px}.loginPanel{align-self:center;padding:28px}.panelHeader{align-items:flex-start;display:flex;gap:12px;margin-bottom:24px}.panelHeader svg{color:gold;margin-top:3px}.panelHeader h2,.topBar h1,.heroPanel h2,.dashboardCard h3{margin:0}.panelHeader p{line-height:1.5;margin:6px 0 0}.loginForm{display:grid;gap:16px}.loginForm label{color:#fff;display:grid;font-size:13px;font-weight:700;gap:8px}.inputShell{align-items:center;background:#000;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;gap:10px;padding:0 12px}.inputShell:focus-within{border-color:gold}.inputShell svg{color:#9ca3af}.inputShell input{background:transparent;border:0;color:#fff;min-height:46px;outline:0;width:100%}.formError{background:#ff3b301f;border:1px solid rgba(255,59,48,.34);border-radius:8px;color:#fecaca;font-size:13px;font-weight:700;padding:10px 12px}.lightError{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.primaryButton,.secondaryButton,.signOutButton,.navItem{align-items:center;border-radius:8px;display:flex;gap:10px;justify-content:center}.primaryButton,.secondaryButton{border:0;font-weight:800;min-height:46px;width:100%}.primaryButton{background:gold;color:#000}.primaryButton:disabled{cursor:not-allowed;opacity:.5}.secondaryButton{background:transparent;border:1px solid #ffd700;color:gold;margin-top:16px}.divider{align-items:center;display:flex;gap:12px;margin:24px 0 16px}.divider:before,.divider:after{background:#ffffff1f;content:"";flex:1;height:1px}.divider span{color:#9ca3af;font-size:12px;font-weight:800;text-transform:uppercase}.roleGrid{display:grid;gap:10px}.roleCard{background:#000;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;display:grid;gap:4px;padding:14px;text-align:left}.roleCardActive{border-color:gold}.dashboardShell{background:#f4f4f2;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#0a0a0a;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:22px}.sessionCard{background:#111;border:1px solid rgba(255,215,0,.22);border-radius:8px;display:grid;gap:6px;padding:14px}.sessionName{color:gold;font-weight:800}.sessionEmail{font-size:12px;overflow-wrap:anywhere}.sidebarNav{display:grid;gap:6px;overflow-y:auto}.navItem{background:transparent;border:1px solid transparent;color:#9ca3af;justify-content:flex-start;min-height:40px;padding:0 12px;text-align:left}.navItem:hover,.navItemActive{background:#ffd7001a;border-color:#ffd70047;color:gold}.signOutButton{background:#111;border:1px solid rgba(255,255,255,.12);color:#fff;margin-top:auto;min-height:42px}.dashboardMain{color:#0a0a0a;min-width:0;padding:28px}.contentStack{display:grid;gap:22px}.topBar{align-items:center;display:flex;justify-content:space-between}.eyebrow{color:gold;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.topBar h1{font-size:32px;margin-top:4px}.rolePill{background:#0a0a0a;border:1px solid rgba(0,0,0,.18);border-radius:999px;color:#fff;font-size:12px;font-weight:900;padding:8px 12px;text-transform:uppercase}.heroPanel{align-items:center;background:#fff;border-color:#0000001a;display:flex;justify-content:space-between;padding:24px}.heroPanel p{line-height:1.6;margin:10px 0 0;max-width:760px}.heroMetric{border-left:1px solid rgba(255,255,255,.12);display:grid;gap:4px;min-width:160px;padding-left:24px}.heroMetric strong{color:gold;font-size:44px;line-height:1}.placeholderGrid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboardCard{padding:20px}.dashboardCard p{line-height:1.6}.loadingState,.sectionPanel,.creationPanel,.overviewBand,.kpiCard{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px}.loadingState{color:#6b7280;padding:24px}.heroPanel p,.heroMetric span,.kpiCard span,.mutedText,.approvalItem span,.quickForm label,.standardForm label,.fieldLabel{color:#6b7280}.kpiGrid,.progressGrid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpiCard{display:grid;gap:8px;padding:18px}.kpiCard strong{color:#0a0a0a;font-size:30px;line-height:1}.sectionPanel{display:grid;gap:18px;padding:22px}.sectionHeader{align-items:center;display:flex;justify-content:space-between}.sectionHeader h2{color:#0a0a0a;font-size:22px;margin:4px 0 0}.sectionHeader svg{color:#111}.quickForm,.standardForm,.creationPanel,.overviewBand{background:#fafaf9;border:1px solid rgba(0,0,0,.08);border-radius:8px;display:grid;gap:14px;padding:16px}.overviewBand{background:#fff;gap:18px;padding:22px}.quickActionRow{display:flex;flex-wrap:wrap;gap:10px}.creationPanel{background:#fff;box-shadow:0 24px 80px #00000059;max-height:min(760px,calc(100vh - 48px));max-width:980px;overflow:auto;padding:20px;width:min(980px,calc(100vw - 32px))}.modalOverlay{align-items:center;background:#0000008f;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:30}.creationHeader{align-items:center;display:flex;justify-content:space-between}.creationHeader h3{color:#0a0a0a;font-size:20px;margin:0}.creationPanelHeader{align-items:flex-start;display:flex;justify-content:space-between;gap:12px}.creationPanelHeader h2{color:#0a0a0a;font-size:20px;margin:4px 0 0}.formRow,.formGrid{display:grid;gap:12px;grid-template-columns:1.2fr .8fr 1fr}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.quickForm label,.standardForm label,.fieldLabel{display:grid;font-size:12px;font-weight:800;gap:7px;text-transform:uppercase}.fullWidthField{width:100%}.quickForm input,.quickForm select,.standardForm input,.standardForm select,.standardForm textarea{background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:8px;color:#0a0a0a;outline:0}.quickForm input,.quickForm select,.standardForm input,.standardForm select{min-height:42px;padding:0 12px}.standardForm textarea{min-height:120px;padding:12px;resize:vertical}.quickForm input:focus,.quickForm select:focus,.standardForm input:focus,.standardForm select:focus{border-color:#0a0a0a}.checkGrid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.checkRow{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;display:flex!important;gap:8px!important;min-height:42px;padding:0 12px;text-transform:none!important}.checkRow input{min-height:auto;width:16px}.primaryAction,.secondaryAction,.iconAction{align-items:center;border-radius:8px;display:inline-flex;font-weight:900;gap:8px;justify-content:center}.primaryAction{background:gold;border:0;color:#000;justify-self:start;min-height:42px;padding:0 16px}.secondaryAction{background:#fff;border:1px solid rgba(0,0,0,.14);color:#0a0a0a;justify-self:start;min-height:42px;padding:0 16px}.compactAction{min-height:38px}.primaryAction:disabled{cursor:not-allowed;opacity:.55}.tableShell{border:1px solid rgba(0,0,0,.08);border-radius:8px;overflow-x:auto}.dataTableBlock{display:grid;gap:10px}.tableTools,.paginationBar{align-items:center;display:flex;justify-content:space-between}.tableTools span,.paginationBar span{color:#6b7280;font-size:12px;font-weight:800}.tableSearch{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;color:#6b7280;display:flex;gap:8px;min-height:40px;padding:0 12px;width:min(320px,100%)}.tableSearch input{background:transparent;border:0;color:#0a0a0a;min-width:0;outline:0;width:100%}.paginationBar div{display:flex;gap:8px}.paginationBar .iconAction:disabled{cursor:not-allowed;opacity:.45}.branchTimeline{background:#fafaf9;border:1px solid rgba(0,0,0,.08);border-radius:8px;display:grid;gap:14px;padding:16px}.timelineToolbar{align-items:end;display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-start}.timelineControls{align-items:end;display:flex;flex-wrap:wrap;gap:10px}.timelineControls label{color:#6b7280;display:grid;font-size:11px;font-weight:900;gap:6px;text-transform:uppercase}.timelineControls input,.timelineControls select{background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:8px;color:#0a0a0a;min-height:38px;min-width:180px;outline:0;padding:0 12px}.timelineSwitch{align-items:center!important;background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:8px;display:flex!important;gap:8px!important;min-height:38px;padding:0 12px;text-transform:none!important;white-space:nowrap}.timelineSwitch input{min-height:auto;min-width:0;width:16px}.timelineSaveButton{align-self:end;min-height:38px}.timelineGrid{border:1px solid rgba(0,0,0,.08);border-radius:8px;display:grid;max-height:560px;overflow:auto}.timelineCorner,.timelineAreaHeader,.timelineHour,.timelineSlot{border-bottom:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08)}.timelineCorner,.timelineAreaHeader{background:#fff;color:#6b7280;font-size:11px;font-weight:900;padding:12px;position:sticky;text-transform:uppercase;top:0;z-index:2}.timelineCorner{left:0;z-index:3}.timelineHour{align-items:center;background:#fff;color:#6b7280;display:flex;font-size:12px;font-weight:900;justify-content:center;min-height:70px;position:sticky;left:0;z-index:1}.timelineSlot{align-content:start;border-left:0;border-top:0;display:grid;gap:4px;min-height:70px;padding:10px 12px;text-align:left;width:100%}.timelineSlot strong,.timelineSlot span,.timelineSlot small{overflow-wrap:anywhere}.timelineSlot strong{font-size:13px;line-height:1.2}.timelineSlot span,.timelineSlot small{font-size:12px}.openSlot{border-left:0;border-top:0;background:#fff;color:#9ca3af}.openSlot:hover{background:#fffbeb;color:#92400e}.filteredOpenSlot,.filteredOpenSlot:hover{background:#f3f4f6;color:#d1d5db;cursor:default}.bookedSlot{background:#0a0a0a;border-left:0;border-top:0;color:#fff}.bookedSlot small,.bookedSlot span{color:#d1d5db}.pendingSlot{background:#fff7ed;color:#7c2d12}.pendingSlot small,.pendingSlot span{color:#9a3412}.staffPendingSlot{box-shadow:inset 4px 0 #f59e0b}.ownCoachSlot{background:#ecfdf3;color:#14532d;box-shadow:inset 4px 0 #16a34a}.ownCoachSlot small,.ownCoachSlot span{color:#166534}.profilePanel{max-width:760px}.profileSummary{align-items:center;background:#0a0a0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;gap:14px;padding:16px}.profileInitials{align-items:center;background:gold;border-radius:8px;color:#000;display:flex;flex:none;font-weight:900;height:44px;justify-content:center;width:44px}.profileSummary strong{color:#fff;display:block;font-size:18px}.profileSummary span{color:#9ca3af;display:block;font-size:13px;margin-top:3px;overflow-wrap:anywhere}.singleFieldGrid{grid-template-columns:minmax(0,1fr)}.successNotice{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-size:13px;font-weight:800;padding:10px 12px}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid rgba(0,0,0,.08);padding:13px 14px;text-align:left;vertical-align:middle}th{background:#fafaf9;color:#6b7280;font-size:11px;letter-spacing:0;text-transform:uppercase}td{color:#1f2937;font-size:14px}.compactTable table{min-width:680px}.compactTable th,.compactTable td{padding:9px 10px}.tableUrl{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.statusBadge{align-items:center;background:#f3f4f6;border:1px solid rgba(0,0,0,.08);border-radius:999px;color:#374151;display:inline-flex;font-size:12px;font-weight:800;min-height:26px;padding:0 10px;text-transform:capitalize}.status-active,.status-approved,.status-published,.status-paid,.status-waived,.status-registered,.status-completed{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}.status-pending_approval,.status-pending,.status-pending_invite,.status-payment_issue,.status-draft,.status-registration_closed,.status-refunded{background:#fffbeb;border-color:#fde68a;color:#b45309}.status-rejected,.status-blocked,.status-cancelled{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.approvalList{display:grid;gap:10px}.approvalItem{align-items:center;background:#fafaf9;border:1px solid rgba(0,0,0,.08);border-radius:8px;display:flex;justify-content:space-between;padding:14px}.approvalItem div:first-child{display:grid;gap:4px}.approvalActions{display:flex;gap:8px}.iconAction{background:#fff;border:1px solid rgba(0,0,0,.12);height:38px;width:38px}.classActiveToggle{justify-self:start;margin-top:2px}.tournamentKpis{grid-template-columns:repeat(4,minmax(0,1fr))}.tournamentBannerThumb{background:#111;border:1px solid rgba(0,0,0,.08);border-radius:8px;display:block;height:48px;object-fit:cover;width:72px}.tournamentBannerFallback{align-items:center;color:gold;display:flex;justify-content:center}.tournamentNameCell{display:grid;gap:4px}.tournamentNameCell span{color:#6b7280;font-size:12px}.tournamentActionRow,.tournamentFormFooter{display:flex;flex-wrap:wrap;gap:8px}.detailGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.detailGrid div{background:#fafaf9;border:1px solid rgba(0,0,0,.08);border-radius:8px;display:grid;gap:6px;min-height:72px;padding:12px}.detailGrid span{color:#6b7280;font-size:11px;font-weight:900;text-transform:uppercase}.detailGrid strong{color:#0a0a0a;overflow-wrap:anywhere}.successAction{color:#15803d}.dangerAction{color:#b91c1c}@media (max-width: 980px){.loginPage,.dashboardShell{grid-template-columns:1fr}.loginPage{padding:20px}.loginHero{min-height:460px}.sidebar{min-height:auto}.placeholderGrid,.kpiGrid,.progressGrid,.formGrid,.checkGrid,.loginStats,.formRow{grid-template-columns:1fr}.heroPanel,.topBar,.timelineToolbar,.timelineControls{align-items:flex-start;flex-direction:column;gap:16px}.timelineControls,.timelineControls label,.timelineControls input,.timelineControls select,.tableSearch{width:100%}.tableTools,.paginationBar{align-items:flex-start;flex-direction:column;gap:10px}.detailGrid{grid-template-columns:1fr}.heroMetric{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding-left:0;padding-top:16px}}