*{box-sizing:border-box}body{margin:0;background:#07111f;color:#eef5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh;display:flex}.sidebar{width:250px;background:#091827;border-right:1px solid #19304a;padding:26px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 35px}.brand b{display:block;font-size:14px;letter-spacing:1.4px}.brand span{display:block;color:#7790a9;font-size:9px;letter-spacing:1.5px;margin-top:3px}.crest{width:42px;height:42px;border-radius:12px;background:#9ee66a;color:#08131e;display:grid;place-items:center;font-weight:900;font-size:12px}.nav{display:grid;grid-gap:6px;gap:6px}.nav button{border:0;background:transparent;color:#8195aa;text-align:left;padding:13px 14px;border-radius:11px;font-size:14px;cursor:pointer}.nav button i{display:inline-block;width:28px;font-style:normal}.nav button.active{background:#142a40;color:#fff}.nav button:hover{background:#10243a;color:#fff}.sidebarBottom{margin-top:auto;border-top:1px solid #19304a;padding:18px 8px;display:flex;gap:10px;align-items:center}.sidebarBottom span{display:block;color:#71879e;font-size:11px;margin-top:3px}.coachDot{width:34px;height:34px;border-radius:50%;background:#243d56;display:grid;place-items:center}.main{margin-left:250px;width:calc(100% - 250px);padding:34px 46px;max-width:1500px}.main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7891aa;margin:0 0 7px}.main h1{font-size:31px;margin:0}.payBtn,.primary,.secondary{border:0;border-radius:10px;padding:12px 17px;font-weight:700;cursor:pointer}.primary{background:#a9ef72;color:#07111f}.primary:hover{background:#b8f58a}.secondary{background:#172c42;color:#eaf3fc}.wide{width:100%;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.stat{background:#0d1c2c;border:1px solid #1b3148;border-radius:17px;padding:22px}.stat small,.stat span{display:block;color:#7890a8;font-size:12px}.stat b{display:block;font-size:31px;margin:9px 0}.dashboardGrid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.panel{background:#0d1c2c;border:1px solid #1b3148;border-radius:18px;padding:24px}.hero{min-height:285px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0e2236,#0d1c2c)}.hero h2{font-size:32px;line-height:1.05;margin:10px 0 14px}.hero h2 strong{color:#a9ef72}.heroText p:not(.eyebrow){color:#91a6ba;max-width:430px;line-height:1.6}.ball{position:absolute;right:45px;bottom:-30px;font-size:160px;opacity:.08}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel h2{margin:0;font-size:20px}.panelHead p{color:#7890a8;margin:6px 0 0;font-size:13px}.month,.pill{font-size:10px;letter-spacing:1.2px;background:#142a40;color:#9db2c7;padding:7px 9px;border-radius:7px}.progress{height:9px;background:#162a3e;border-radius:20px;overflow:hidden;margin:35px 0 12px}.progress div{height:100%;background:#a9ef72;border-radius:20px}.progressMeta{display:flex;justify-content:space-between;color:#8398ac;font-size:12px}.progressMeta b{color:#a9ef72}.search{background:#081725;border:1px solid #243b53;color:#fff;padding:12px 14px;border-radius:10px;min-width:260px;outline:none}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#617b94;font-size:10px;letter-spacing:1px;padding:12px 10px;border-bottom:1px solid #1b3148}td{padding:14px 10px;border-bottom:1px solid #152a3f;color:#a9b9c8}tbody tr{cursor:pointer}tbody tr:hover{background:#102238}td:first-child{color:#fff}.playerCell{display:flex;align-items:center;gap:11px}.miniAvatar{width:34px;height:34px;border-radius:10px;background:#19334b;color:#a9ef72;display:grid;place-items:center;font-weight:800}.playerCell span{display:block;color:#71869c;font-size:11px;margin-top:4px}code{color:#9fb5c9}.status{font-size:10px;font-weight:800;letter-spacing:.7px;padding:7px 9px;border-radius:7px;display:inline-block}.paid{background:#143a2c;color:#84e5a9}.due{background:#3b2223;color:#ff9b9b}.noData{text-align:center;padding:45px;color:#71869c}.feeTotal{color:#a9ef72;font-weight:800}.feeList{display:grid;grid-gap:2px;gap:2px}.feeRow{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;border-bottom:1px solid #172c41}.payBtn{background:#183149;color:#a9ef72}.payBtn:disabled{opacity:.5}.empty{margin-top:16px;text-align:center;padding:80px 20px;background:#0d1c2c;border:1px solid #1b3148}.empty,.emptyIcon{border-radius:18px}.emptyIcon{width:60px;height:60px;background:#142a40;color:#a9ef72;display:grid;place-items:center;font-size:25px;margin:0 auto 18px}.empty p{color:#7890a8}.financeCards{display:flex;justify-content:center;gap:14px;margin:30px auto;max-width:700px}.financeCards div{background:#102238;padding:18px 28px;border-radius:12px}.financeCards b,.financeCards span{display:block}.financeCards span{font-size:11px;color:#7890a8}.financeCards b{margin-top:7px}.modalBack{position:fixed;inset:0;background:rgba(2,8,14,.78);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:5}.modal,.profile{width:min(650px,100%);background:#0c1b2b;border:1px solid #28415a;border-radius:20px;padding:26px;box-shadow:0 25px 80px #0008}.modalHead{display:flex;justify-content:space-between;align-items:flex-start}.modal h2,.profile h2{margin:0;font-size:25px}.close{border:0;background:#152a3f;color:#a8b9c8;border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:24px}.grid2 label{font-size:11px;color:#8ca0b4}.grid2 input,.grid2 select{display:block;width:100%;margin-top:7px;background:#081725;color:#fff;border:1px solid #233c54;padding:12px;border-radius:9px;outline:none}.idNotice{margin-top:18px;padding:13px;background:#10283b;border-radius:10px;border:1px solid #24435d}.idNotice b{display:block;color:#a9ef72;font-size:12px}.idNotice span{display:block;color:#71899f;font-size:11px;margin-top:4px}.profileTop{display:flex;gap:16px;align-items:center;margin-top:5px}.avatar{width:65px;height:65px;border-radius:18px;background:#a9ef72;color:#07111f;display:grid;place-items:center;font-size:27px;font-weight:900}.profileTop h2{margin-top:6px}.profileTop p{margin:5px 0 0;color:#8298ac}.bigId{font-family:monospace;color:#a9ef72;font-size:28px;font-weight:800;margin:25px 0;border:1px dashed #36566e;padding:18px;border-radius:12px;text-align:center;letter-spacing:2px}.profileGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.profileGrid>div{background:#102238;padding:16px;border-radius:12px}.profileGrid em,.profileGrid span{display:block;color:#7890a8;font-size:11px;font-style:normal}.profileGrid b{display:block;font-size:21px;margin:6px 0}.history{margin-top:24px}.history h3{font-size:14px}.history>p{color:#71869c;font-size:12px}.historyRow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #172c41;font-size:12px}.historyRow em{font-style:normal;color:#84e5a9}.historyRow b{margin-left:auto;margin-right:20px}@media(max-width:900px){.sidebar{width:70px;padding:20px 9px}.brand div:not(.crest),.nav button,.nav button:not(.active){font-size:0}.nav button i{font-size:16px}.sidebarBottom div:not(.coachDot){display:none}.main{margin-left:70px;width:calc(100% - 70px);padding:24px}.stats{grid-template-columns:1fr 1fr}.dashboardGrid{grid-template-columns:1fr}.main header{gap:12px}.grid2{grid-template-columns:1fr}.search{min-width:0;width:100%}.panelHead{gap:12px;align-items:flex-start;flex-wrap:wrap}}@media(max-width:560px){.stats{grid-template-columns:1fr}.main h1{font-size:25px}.main header .primary{font-size:12px;padding:10px}.profileGrid{grid-template-columns:1fr}.financeCards{flex-direction:column}.hero h2{font-size:27px}}.kfa-mobile-style{display:none}@media (max-width:900px){.app{min-height:100dvh;overflow-x:hidden}.sidebar{width:100%!important;height:auto!important;min-height:0!important;position:-webkit-sticky!important;position:sticky!important;top:0;left:0;z-index:40;display:flex!important;flex-direction:column!important;padding:12px 14px!important;border-right:0!important;border-bottom:1px solid hsla(0,0%,100%,.08)}.brand{width:100%;justify-content:flex-start}.brand,.brand>div:last-child{min-width:0}.brand b,.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{width:100%;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:5px!important;gap:5px!important;margin-top:10px;overflow:visible!important}.nav button{min-width:0!important;min-height:48px;padding:7px 3px!important;border-radius:10px!important;flex-direction:column;gap:3px;font-size:10px!important;line-height:1.1;white-space:nowrap}.nav button i{font-size:17px!important;line-height:1}.sidebarBottom{display:none!important}.main{width:100%!important;min-width:0!important;padding:18px 14px 30px!important;overflow-x:hidden}header{gap:12px!important;align-items:flex-start!important;margin-bottom:18px!important}header h1{font-size:28px!important;line-height:1.05!important}.eyebrow{font-size:10px!important;letter-spacing:1.4px!important}header>div:last-child{width:auto!important;flex:0 0 auto}header .primary{white-space:nowrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stat{min-width:0!important;padding:14px!important;border-radius:14px!important}.stat b{font-size:23px!important}.stat b,.stat small,.stat span{overflow-wrap:anywhere}.dashboardGrid{grid-template-columns:1fr!important;gap:14px!important}.panel{min-width:0!important;border-radius:16px!important}.hero{min-height:0!important}.panelHead{gap:12px!important;align-items:flex-start!important;flex-wrap:wrap!important}.panelHead>*{min-width:0}.panelHead h2{font-size:19px!important}.panelHead p{font-size:12px!important}.search{min-width:0!important}.search,.tableWrap{width:100%!important}.tableWrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px}.tableWrap table{min-width:680px}.tableWrap td,.tableWrap th{padding:11px 10px!important;white-space:nowrap}.playerCell{min-width:150px}.modalBack{padding:10px!important;align-items:flex-end!important}.modal,.profile{max-width:100%!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;border-radius:20px 20px 12px 12px!important;padding:18px!important}.modal,.modalWide,.profile{width:100%!important}.grid2{grid-template-columns:1fr!important}.detailsGrid{grid-template-columns:1fr 1fr!important;gap:10px!important}.profileGrid{grid-template-columns:1fr!important;gap:10px!important}.historyRow{grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;font-size:12px!important}.historyRow>*{min-width:0}.feeRow{gap:10px!important;flex-wrap:wrap!important;align-items:flex-start!important}.feeRow>div:last-child{width:100%;justify-content:flex-start!important}.financeCards{grid-template-columns:1fr!important}#kfa-receipt-slab{padding:16px!important}#kfa-receipt-slab>div:nth-child(2){grid-template-columns:1fr!important}}@media (max-width:560px){.sidebar{padding:10px!important}.brand .crest{width:36px!important;height:36px!important;min-width:36px!important;font-size:11px!important}.brand b{font-size:12px!important}.brand span{font-size:8px!important}.nav{gap:3px!important}.nav button{min-height:45px;font-size:9px!important}.nav button i{font-size:16px!important}.main{padding:14px 10px 24px!important}header{flex-direction:column!important}header>div:last-child{width:100%!important;justify-content:flex-start!important}header>div:last-child .primary,header>div:last-child .secondary{flex:1 1 auto}.stats{grid-template-columns:1fr 1fr!important;gap:8px!important}.stat{padding:12px!important}.stat b{font-size:21px!important}.heroText h2{font-size:27px!important}.detailsGrid{grid-template-columns:1fr!important}.profileTop{align-items:flex-start!important}.profileTop h2{font-size:22px!important}.bigId{font-size:18px!important;word-break:break-word}.historyRow{grid-template-columns:1fr auto!important}.historyRow em{grid-column:2;grid-row:1}.historyRow b{grid-column:1;grid-row:2}.modalHead{gap:8px!important}.modalHead h2{font-size:20px!important}.photoField{flex-direction:column!important;align-items:flex-start!important}.quickActions{grid-template-columns:1fr!important}}@media (max-width:380px){.nav button{font-size:8px!important}.nav button i{font-size:14px!important}.stat b{font-size:19px!important}}@media (max-width:768px){body,html{width:100%;min-width:0;overflow-x:hidden}body{-webkit-text-size-adjust:100%}.app{min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app,.sidebar{display:block!important}.sidebar{position:fixed!important;inset:auto 0 0 0!important;width:100%!important;height:auto!important;min-height:72px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;z-index:100!important;background:rgba(7,17,31,.96)!important;border:0!important;border-top:1px solid hsla(94,80%,69%,.12)!important;box-shadow:0 -12px 35px rgba(0,0,0,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand,.sidebarBottom{display:none!important}.nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-gap:3px!important;gap:3px!important;width:100%}.nav button{min-width:0!important;min-height:58px!important;padding:7px 2px!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:12px!important;color:#71879d!important;background:transparent!important;font-size:10px!important;font-weight:700!important;line-height:1!important;white-space:nowrap}.nav button i{width:auto!important;display:block!important;font-size:18px!important;line-height:18px!important;color:#8da3b7!important}.nav button.active{background:hsla(94,80%,69%,.11)!important}.nav button.active,.nav button.active i{color:#a9ef72!important}.main{margin:0!important;width:100%!important;max-width:none!important;padding:18px 14px 30px!important}.main header{margin-bottom:18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:13px!important}.main header>div:last-child{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:8px!important;gap:8px!important}.main header>div:last-child .month{grid-column:1/-1;text-align:center;width:100%}.main header .primary,.main header .secondary{width:100%!important;min-height:44px!important;padding:11px 10px!important;font-size:13px!important}.main h1{font-size:30px!important;line-height:1.05!important;letter-spacing:-.5px}.eyebrow{font-size:9px!important;letter-spacing:1.6px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.stat{min-width:0!important;padding:14px 13px!important;border-radius:14px!important}.stat small,.stat span{font-size:10px!important;line-height:1.35!important}.stat b{font-size:24px!important;margin:7px 0 5px!important;line-height:1!important}.dashboardGrid{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}.panel{padding:17px!important;border-radius:16px!important;min-width:0!important}.hero{min-height:235px!important}.hero h2{font-size:28px!important}.heroText p:not(.eyebrow){font-size:13px!important;line-height:1.55!important}.ball{right:8px!important;bottom:-25px!important;font-size:110px!important}.panelHead{margin-bottom:16px!important;gap:10px!important}.panel h2{font-size:18px!important}.panelHead p{font-size:12px!important;line-height:1.4!important}.search{width:100%!important;min-width:0!important;font-size:16px!important}.panel>div[style*="repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.panel>div[style*="repeat(3"]>button{min-height:108px!important;padding:14px!important;border-radius:13px!important}.panel>div[style*="repeat(3"]>button b{font-size:24px!important}.tableWrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px}.tableWrap table{min-width:700px!important}.tableWrap th{font-size:9px!important;padding:10px 9px!important}.tableWrap td{padding:12px 9px!important}.feeRow{padding:14px 2px!important;gap:9px!important}.payBtn,.primary,.secondary{min-height:42px}.financeCards{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:9px!important;gap:9px!important;margin:18px 0!important}.financeCards div{padding:14px!important;min-width:0!important}.modalBack{padding:8px!important;align-items:end!important}.modal,.profile{width:100%!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto!important;padding:18px!important;border-radius:20px 20px 12px 12px!important}.modal h2,.profile h2{font-size:21px!important}.grid2,.profileGrid{grid-template-columns:1fr!important;gap:11px!important}.grid2 input,.grid2 select,input,select,textarea{font-size:16px!important}.bigId{font-size:20px!important;margin:18px 0!important;padding:15px!important}.historyRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-gap:6px 10px!important;gap:6px 10px!important}.historyRow b{margin:0!important}}@media (max-width:430px){.main{padding-left:11px!important;padding-right:11px!important}.stats{gap:7px!important}.stat{padding:12px 11px!important}.stat b{font-size:21px!important}.panel{padding:14px!important}.panel>div[style*="repeat(3"]{grid-template-columns:1fr!important}.panel>div[style*="repeat(3"]>button{min-height:92px!important}.financeCards{grid-template-columns:1fr!important}.nav button{font-size:9px!important}.nav button i{font-size:17px!important}}@media (max-width:900px){.modalBack{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important}.modalBack,.modalBack>.modal,.modalBack>.profile,.modalBack>form.modal{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain}.modalBack>.modal,.modalBack>.profile,.modalBack>form.modal{width:100%!important;max-width:680px!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;height:auto!important;flex:0 1 auto!important;margin:12px 0!important;padding:18px!important}.modalWide{max-height:calc(100dvh - 24px)!important;overflow-y:auto!important}.modalHead{position:-webkit-sticky;position:sticky;top:-18px;z-index:3;background:#0c1b2b;padding:2px 0 12px}.modalHead .close{flex:0 0 auto}.modal form,form.modal{min-height:0!important}}@media (max-width:560px){.modalBack{padding:8px 8px max(8px,env(safe-area-inset-bottom))!important}.modalBack>.modal,.modalBack>.profile,.modalBack>form.modal{max-height:calc(100dvh - 16px)!important;margin:8px 0!important;padding:16px!important;border-radius:18px!important}.modalHead{top:-16px}.modal h2,.profile h2{font-size:21px!important}.grid2{gap:13px!important;margin-top:18px!important}.grid2 input,.grid2 select{min-height:46px;font-size:16px!important}}.modalBack{align-items:center!important;overscroll-behavior:contain}.modalBack,.modalBack>.modal,.modalBack>.profile,.modalBack>form.modal{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.modalBack>.modal,.modalBack>.profile,.modalBack>form.modal{max-height:calc(100vh - 40px)!important;min-height:0!important}@media (max-width:900px){.modalBack{z-index:200!important;align-items:flex-start!important;padding:12px 10px max(12px,env(safe-area-inset-bottom))!important}.modalBack>.modal,.modalBack>.profile,.modalBack>form.modal{max-height:calc(100dvh - 24px)!important;margin:0 auto!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:max(22px,env(safe-area-inset-bottom))!important}.modalBack .primary,.modalBack .secondary{margin-bottom:4px}}@media (max-width:560px){.modalBack{padding:8px 8px max(8px,env(safe-area-inset-bottom))!important}.modalBack>.modal,.modalBack>.profile,.modalBack>form.modal{max-height:calc(100dvh - 16px)!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}}