/* NEXERA FC V156 — full reference-style UI polish. Data/functionality remains in app.js. */
:root{--nx-bg:#020711;--nx-panel:#07172e;--nx-panel2:#0b1e3c;--nx-line:#1768b7;--nx-cyan:#27dfff;--nx-blue:#168bff;--nx-purple:#8f36ff;--nx-gold:#ffd34d;--nx-green:#32e6a0;--nx-text:#f2f8ff;--nx-muted:#7891b3}
html,body{background:var(--nx-bg)!important;color:var(--nx-text)!important}body{background:radial-gradient(circle at 50% -10%,#123c79 0,#050c19 34%,#02050b 78%)!important}
#app{min-height:100vh;background:radial-gradient(circle at 15% 15%,#087dff12,transparent 22%),radial-gradient(circle at 90% 20%,#a13cff10,transparent 24%)}
.topbar{position:sticky!important;top:0!important;z-index:9000!important;height:64px!important;padding:8px 12px!important;background:rgba(3,10,22,.90)!important;border-bottom:1px solid #1e70b355!important;backdrop-filter:blur(18px)!important;box-shadow:0 8px 28px #0008!important}
.topbar .brand{gap:9px!important}.topbar .brand img{width:43px!important;height:43px!important;border-radius:13px!important;border:1px solid #29dfff66!important;box-shadow:0 0 18px #1ea9ff25!important}.topbar .brand b{font-size:14px!important;letter-spacing:.7px!important}.topbar .brand small{font-size:7px!important;color:#7898bb!important}.headerRight{gap:7px!important}.headerIconBtn,.headerProfileBtn,.menuBtn{border:1px solid #ffffff12!important;background:#081a35!important;border-radius:12px!important}.headerIconBtn{width:37px!important;height:37px!important}.headerProfileBtn{width:37px!important;height:37px!important}.headerProfileBtn img{width:29px!important;height:29px!important;border-radius:9px!important}.menuBtn{width:37px!important;height:37px!important}
.page{max-width:560px!important;margin:0 auto!important;padding:13px 12px 88px!important}.page h1{letter-spacing:.2px}.sub{color:#8299b7!important}
/* LOGIN */
.n153Auth{background:radial-gradient(circle at 50% -5%,#1879e7 0,#07172f 28%,#02050d 72%)!important}.n153AuthShell{width:min(470px,100%)!important}.n153AuthBrand{justify-content:center!important}.n153AuthBrand img{width:58px!important;height:58px!important}.n153AuthBrand h1{font-size:26px!important}.n153AuthCard{border-radius:22px!important;padding:17px!important;background:linear-gradient(145deg,#06162fef,#030914f7)!important;border:1px solid #238dff66!important;box-shadow:0 25px 70px #000c,0 0 40px #167dff18!important}.n153RoleHint{text-align:left!important}.n153InputWrap{background:linear-gradient(90deg,#081b39,#07162f)!important;border-color:#1e68a2!important}.n153LoginBtn{background:linear-gradient(90deg,#139fff,#244bff)!important;box-shadow:0 0 22px #178eff35!important}.n153BidRegisterBtn{height:58px!important;border-color:#cf43ff!important;background:linear-gradient(90deg,#111b43,#58147b,#0c1c40)!important;box-shadow:0 0 25px #bd3fff30!important}.n153RoleGrid button{background:linear-gradient(145deg,#081f42,#10193a)!important}.n153RoleGrid button:nth-child(2){background:linear-gradient(145deg,#073d3b,#0c1d37)!important}.n153RoleGrid button:nth-child(3){background:linear-gradient(145deg,#371157,#0b1f40)!important}
/* HOME — reference composition */
#home{padding-top:10px!important}.n119TournamentBanner{position:relative!important;min-height:150px!important;margin:3px 0 14px!important;padding:20px 18px!important;border-radius:20px!important;overflow:hidden!important;border:1px solid #278cff70!important;background:radial-gradient(circle at 75% 20%,#6f2cff55,transparent 25%),linear-gradient(125deg,#061a3a 0,#0b1d42 45%,#25104e 100%)!important;box-shadow:0 18px 42px #000a,0 0 30px #188dff1d!important}.n119TournamentBanner:after{content:'⚽';position:absolute;right:16px;bottom:-25px;font-size:125px;opacity:.12;filter:drop-shadow(0 0 20px #20aaff)}.n119TournamentBanner>div:not(.n119StadiumGlow){position:relative;z-index:2}.n119TournamentBanner span{font-size:8px!important;color:#31e5ff!important;letter-spacing:1.5px!important;font-weight:900!important}.n119TournamentBanner h2{font-size:22px!important;margin:7px 0 5px!important}.n119TournamentBanner h2 strong{color:#b24cff!important}.n119TournamentBanner p{font-size:8px!important;letter-spacing:2px!important;color:#8fa8c8!important}.n119StadiumGlow{position:absolute!important;inset:0!important;background:radial-gradient(ellipse at 50% 100%,#16a8ff33,transparent 48%),linear-gradient(115deg,transparent 20%,#168dff18 21%,transparent 22%,transparent 60%,#a734ff16 61%,transparent 62%)!important}
.n120UpcomingHead,.n119SectionTitle{margin:12px 2px 8px!important}.n120UpcomingHead h2,.n119SectionTitle h2{font-size:17px!important}.n120UpcomingHead span,.n119SectionTitle span{font-size:7px!important;color:#2ee5ff!important;letter-spacing:1.8px!important}.n120UpcomingMatches{display:grid!important;gap:9px!important}.matchCard{border:1px solid #1c76bb66!important;border-radius:17px!important;background:linear-gradient(145deg,#071b37,#0a1228)!important;box-shadow:0 12px 30px #0008!important;padding:12px!important}.matchCard h3{font-size:13px!important}.matchCard .meta{font-size:8px!important;color:#7892b0!important}.matchCard .badge{background:#102d55!important;color:#31ddff!important;border:1px solid #1f8cff55!important}.n153HomePointTable{border-radius:17px!important}.n119TopPlayers{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.n119TopPlayers .playerCard{border-radius:16px!important;background:linear-gradient(145deg,#081d3c,#161239)!important;border:1px solid #2b72bd55!important;min-height:110px!important}.n123GallerySlider{border-radius:17px!important;overflow:hidden!important;border:1px solid #1f78ba55!important}.n119News .newsItem{border-radius:15px!important;background:linear-gradient(145deg,#071a35,#0a1228)!important;border:1px solid #ffffff0d!important}.n119NextMatch{border:1px solid #a33fff55!important;background:linear-gradient(90deg,#10143b,#27114b)!important;border-radius:15px!important}
/* PROFILE */
.premiumProfileHero{position:relative!important;overflow:hidden!important;border:1px solid #237fca66!important;border-radius:20px!important;background:linear-gradient(145deg,#071a37,#0d1230 62%,#28104b)!important;padding:16px!important;box-shadow:0 16px 38px #0009!important}.premiumProfileHero:after{content:'NEXERA FC';position:absolute;right:-20px;bottom:-10px;font-size:55px;font-weight:950;color:#25dfff08;transform:rotate(-10deg)}.profileIdentity h1{font-size:20px!important}.profileIdentity p{font-size:9px!important;color:#82a0c0!important}.profileStats{border-radius:15px!important;background:#07162d!important;border:1px solid #ffffff10!important}.n153Achievement{background:linear-gradient(145deg,#0a1d3d,#15153a)!important}.n153InfoList button{background:linear-gradient(145deg,#091a36,#0c132a)!important}
/* TOURNAMENT CENTER */
#tournament{padding-top:10px!important}.n153PageTop{margin-bottom:9px!important}.n153PageTop h1{font-size:19px!important}.n153SegmentTabs{background:#061126!important}.tournamentHero{min-height:210px!important;position:relative!important;overflow:hidden!important;border-radius:20px!important;background:radial-gradient(circle at 85% 20%,#4d21a055,transparent 27%),linear-gradient(145deg,#071b3a,#111438 62%,#28104b)!important;border:1px solid #258dff66!important;box-shadow:0 18px 45px #000b!important;padding:17px!important}.tournamentHero:before{content:'🏆';position:absolute;right:8px;top:-18px;font-size:130px;opacity:.10}.tournamentHero:after{content:'';position:absolute;right:-35px;bottom:-55px;width:180px;height:180px;border:18px solid #2ebaff12;border-radius:50%}.tournamentHero>h1{position:relative;z-index:2;font-size:23px!important}.tournamentHero .stats{position:relative;z-index:2}.tournamentHero .goldBtn{position:relative;z-index:2}.tournamentHero .heroGhost{position:relative;z-index:2}.standingsCard,.card:has(#leaderboard){background:linear-gradient(145deg,#071a35,#0a1026)!important;border-color:#1c74b755!important}.standingsHead h2{font-size:15px!important}.premiumTable th{font-size:7px!important;color:#67ddff!important}.premiumTable td{font-size:9px!important}.ptsBadge{color:#ffd34d!important}
/* BID CENTER */
#bid{padding-top:10px!important}.b153Wallet{grid-template-columns:1fr 1fr!important}.b153Wallet>div{min-height:54px!important;background:linear-gradient(145deg,#08244a,#0c1834)!important}.b153CurrentBid{min-height:230px!important;background:radial-gradient(circle at 80% 10%,#7328c744,transparent 30%),linear-gradient(145deg,#071c3b,#15133a 62%,#26104b)!important;border-color:#2b91ff66!important}.b153PlayerPhoto{width:88px!important;height:108px!important;background:linear-gradient(145deg,#18386d,#351064)!important}.b153PlayerCard h2{font-size:19px!important}.b153BidAmount strong{font-size:26px!important}.b153PlaceBid{background:linear-gradient(90deg,#18a7ff,#2858ff)!important}.b153BidTabs{display:flex!important}.b153Panel{background:linear-gradient(145deg,#071932,#0a1026)!important;border-color:#1b6ea755!important}
/* BID TEAM DASHBOARD */
#teamControl{padding-top:10px!important}#teamControlContent>.card:first-child{position:relative;overflow:hidden;border-radius:20px!important;background:linear-gradient(145deg,#071b3b,#15113a 60%,#28104b)!important;border:1px solid #238dff66!important;box-shadow:0 18px 40px #0009!important}#teamControlContent>.card:first-child:after{content:'⚽';position:absolute;right:8px;bottom:-20px;font-size:100px;opacity:.10}.n153TeamQuickMenu button{background:linear-gradient(145deg,#091a36,#0d1730)!important;border:1px solid #ffffff10!important;min-height:52px!important}.bidMarketGrid{display:grid!important;gap:8px!important}.bidItem{border-radius:14px!important;background:#071a35!important;border:1px solid #ffffff0e!important}
/* ADMIN */
#admin{padding-top:10px!important}.adminHero{border-radius:20px!important;background:linear-gradient(145deg,#071b3a,#111337 60%,#28104b)!important;border:1px solid #238cff66!important;box-shadow:0 18px 42px #000a!important;padding:16px!important}.adminHero h1{font-size:21px!important}.n153AdminStats div{background:linear-gradient(145deg,#071a35,#0b142a)!important;border-color:#ffffff10!important}.n153AdminQuick button{background:linear-gradient(145deg,#101d43,#241146)!important;min-height:64px!important;border-color:#ffffff12!important}.n153AdminQuick button:nth-child(2n){background:linear-gradient(145deg,#073b3a,#0d2240)!important}.adminGrid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.adminGrid button{min-height:52px!important;border-radius:14px!important;background:linear-gradient(145deg,#081a36,#11153a)!important;border:1px solid #ffffff12!important;color:#eef7ff!important;font-weight:800!important}.n153RecentActivity{border-radius:17px!important;background:#06152c!important;padding:11px!important;border:1px solid #ffffff0d!important}
/* BOTTOM NAV */
.nxfBottomNav{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:8px!important;width:min(560px,calc(100% - 16px))!important;height:62px!important;z-index:9500!important;border:1px solid #2178bb66!important;border-radius:18px!important;background:rgba(4,13,28,.94)!important;box-shadow:0 15px 45px #000d,0 0 28px #168eff12!important;backdrop-filter:blur(18px)!important;padding:5px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important}.nxfBottomNav button{border:0!important;background:transparent!important;color:#7089a8!important;border-radius:13px!important;font-size:8px!important}.nxfBottomNav button span{display:block;font-size:19px!important;line-height:20px!important}.nxfBottomNav button b{font-size:7px!important}.nxfBottomNav button.active,.nxfBottomNav button[aria-current="page"]{background:linear-gradient(145deg,#0d4f8c,#3d1a79)!important;color:#39dcff!important;box-shadow:0 0 18px #1c8fff24!important}
/* DRAWER / MODALS */
#drawer{background:linear-gradient(180deg,#06162f,#030914)!important;border-left:1px solid #218bff55!important}.drawerHead{border-bottom-color:#ffffff10!important}.nxf-menu-group{border-color:#ffffff0c!important}.modalBox{background:linear-gradient(145deg,#071a35,#0b1027)!important;border:1px solid #258dff66!important;box-shadow:0 24px 70px #000d!important}.n150ChoiceCard{background:linear-gradient(145deg,#0b2044,#221343)!important}.n150ChoiceCard:first-child{box-shadow:0 0 24px #416dff2b!important}.n150ChoiceCard:last-child{box-shadow:0 0 24px #20e19f22!important}
@media(max-width:600px){.page{padding-left:10px!important;padding-right:10px!important}.n119TopPlayers{grid-template-columns:1fr 1fr!important}.n119TournamentBanner{min-height:142px!important}.tournamentHero{min-height:205px!important}.adminGrid{grid-template-columns:1fr 1fr!important}}
@media(max-width:390px){.n119TopPlayers{grid-template-columns:1fr!important}.n153AuthCard{padding:14px!important}.n153RoleGrid button{min-height:55px!important}}
