*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{display:block}.login-container{background:url(https://images.unsplash.com/photo-1540747913346-19e32dc3e97e) 50%/cover no-repeat;justify-content:center;align-items:center;height:100vh;font-family:Segoe UI,sans-serif;display:flex;position:relative}.login-container:before{content:"";z-index:0;background:linear-gradient(#0f172ae6,#020617f2);position:absolute;inset:0}.login-box{z-index:1;text-align:center;color:#eceff1;background:linear-gradient(#0f172a,#020617);border:1px solid #4fc3f726;border-radius:14px;width:380px;padding:30px;position:relative;box-shadow:0 0 20px #4fc3f733}.tag{color:#4fc3f7;letter-spacing:1px;margin-bottom:5px;font-size:12px}.login-box h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#4fc3f7,#1e6f9f);-webkit-background-clip:text;margin:10px 0 20px;font-size:28px}.input-group{text-align:left;margin-bottom:18px}.input-group label{color:#90a4ae;font-size:12px}.input-field{background:#020617;border:1px solid #4fc3f733;border-radius:8px;align-items:center;margin-top:6px;padding:10px;transition:all .2s;display:flex}.input-field:focus-within{border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f74d}.input-field input{color:#eceff1;background:0 0;border:none;outline:none;flex:1;margin-left:8px;font-size:14px}.icon{color:#4fc3f7}.eye{cursor:pointer;color:#90a4ae}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1e6f9f,#4fc3f7);border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-weight:700;transition:all .3s}.login-btn:hover{box-shadow:0 0 12px #4fc3f766}.login-logo-container{justify-content:center;margin-bottom:10px;display:flex}.login-logo{object-fit:contain;border-radius:8px;width:120px;height:40px;box-shadow:0 0 10px #4fc3f740}@media (width<=500px){.login-box{width:90%}}html,body,#root{color:#eceff1;font-family:Segoe UI,sans-serif;background:#0f172a!important;height:100%!important;margin:0!important;padding:0!important}.layout{background:linear-gradient(#0f172a,#020617)!important;width:100%!important;min-height:100vh!important;display:flex!important}.tag,.season{color:#4fc3f7!important;letter-spacing:1px!important;font-size:12px!important}.table-card{background:linear-gradient(#0f172a,#020617)!important;border:1px solid #4fc3f71a!important;border-radius:14px!important;padding:20px!important;box-shadow:0 0 20px #4fc3f71a!important}.table-header{color:#90a4ae!important;border-bottom:1px solid #4fc3f733!important;grid-template-columns:1fr 3fr 1fr!important;padding:15px!important;font-size:12px!important;display:grid!important}.points{text-align:right!important}.row{border-bottom:1px solid #ffffff0d!important;grid-template-columns:1fr 3fr 1fr!important;align-items:center!important;padding:18px 15px!important;transition:all .25s!important;display:grid!important}.row:hover{background:#4fc3f71f!important;transform:scale(1.01)!important}.row:nth-child(2) .rank{color:#4fc3f7!important;font-size:18px!important}.row:nth-child(3) .rank{color:#3ba4d8!important}.row:nth-child(4) .rank{color:#2c7ca3!important}.rank{color:#4fc3f7!important;font-size:16px!important;font-weight:700!important}.user{align-items:center!important;gap:12px!important;display:flex!important}.avatar{color:#4fc3f7!important;background:linear-gradient(135deg,#0f172a,#020617)!important;border:1px solid #4fc3f740!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;font-weight:700!important;display:flex!important;box-shadow:0 0 8px #4fc3f726!important}.name{color:#eceff1!important;margin:0!important;font-weight:500!important}.tier{color:#90a4ae!important;margin:0!important;font-size:12px!important}.load-btn{color:#4fc3f7!important;cursor:pointer!important;background:0 0!important;border:1px solid #4fc3f74d!important;border-radius:10px!important;margin:25px auto 0!important;padding:12px 26px!important;transition:all .3s!important;display:block!important}.load-btn:hover{color:#eceff1!important;background:#4fc3f726!important;box-shadow:0 0 12px #4fc3f740!important}.team{text-align:center!important}.remove-user-btn{color:#fff!important;cursor:pointer!important;background:#e53935!important;border:none!important;border-radius:4px!important;width:auto!important;padding:4px 8px!important;font-size:12px!important;display:inline-block!important}.podium{justify-content:center;align-items:flex-end;gap:20px;margin:40px 0;display:flex}.podium-col{text-align:center;color:#fff}.trophy{margin-bottom:8px;font-size:30px}.podium-name{margin-bottom:10px;font-weight:600}.podium-box{border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:90px;font-size:28px;font-weight:700;display:flex}.podium-rank{color:#fff}.podium-col.first{order:2}.podium-col.first .podium-box{background:linear-gradient(#facc15,#eab308);height:120px}.podium-col.second{order:1}.podium-col.second .podium-box{background:linear-gradient(#cbd5f5,#94a3b8);height:90px}.podium-col.third{order:3}.podium-col.third .podium-box{background:linear-gradient(#f59e0b,#b45309);height:70px}.winner-glow{transform:scale(1.08)}.winner-glow .trophy{text-shadow:0 0 12px gold,0 0 25px #ffd700cc}.podium-rank.gold{color:gold}.podium-rank.silver{color:silver}.podium-rank.bronze{color:#cd7f32}@media (width<=768px){.layout{flex-direction:column!important}.main-content{padding:20px!important}.header-card h1{font-size:28px!important}.table-header,.row{grid-template-columns:1fr 2fr 1fr!important}.header-top{flex-direction:column!important;gap:10px!important}.logo{align-self:flex-end!important}}.sidebar{color:#fff;background:linear-gradient(#0f172a,#020617);border-right:1px solid #4fc3f71a;flex-direction:column;width:220px;height:100vh;padding:20px;display:flex;position:sticky;top:0}.logo-text{text-align:center;color:#4fc3f7;letter-spacing:1px;margin-bottom:30px;font-size:18px;font-weight:700}.menu{margin:0;padding:0;list-style:none}.menu a{text-decoration:none;display:block}.menu li{cursor:pointer;color:#aaa;border:1px solid #0000;border-radius:8px;margin-bottom:10px;padding:12px;transition:all .3s}.menu li.active{color:#fff;background:linear-gradient(90deg,#1e6f9f,#4fc3f7);box-shadow:0 0 10px #4fc3f74d}.menu li:hover{color:#fff;background:#4fc3f71a;border:1px solid #4fc3f74d}.bottom{color:#aaa;text-align:center;border-top:1px solid #4fc3f726;margin-top:auto;padding-top:15px;font-size:14px}.bottom a{text-decoration:none;display:block}.bottom p{cursor:pointer;color:#aaa;margin:10px 0;transition:all .3s}.bottom p:hover{color:#4fc3f7}.active-bottom{color:#4fc3f7;font-weight:700}.sidebar-logo{filter:drop-shadow(0 0 8px #4fc3f74d);opacity:.9;width:110px;margin:20px auto 0;display:block}.sidebar-logo:hover{opacity:1;filter:drop-shadow(0 0 12px #4fc3f799);transition:all .3s;transform:scale(1.05)}.hamburger{color:#fff;z-index:1001;cursor:pointer;background:#020617;border-radius:6px;padding:8px 12px;font-size:24px;display:none;position:fixed;top:15px;left:15px}@media (width<=768px){.sidebar{z-index:1000;width:220px;height:100vh;transition:all .3s;position:fixed;top:0;left:-100%}.sidebar.open{left:0}.hamburger{display:block}}.layout{display:flex}@media (width<=768px){.layout{flex-direction:column}}.layout{background:linear-gradient(#000,#0a0f1c);min-height:100vh;display:flex}.sidebar{flex-shrink:0;min-width:220px}.main-content{color:#fff;background:0 0;flex:1;padding:40px;font-family:Segoe UI,sans-serif}.header-card{background:linear-gradient(90deg,#0a0f1c,#000);border-left:4px solid #1e6f9f;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 0 20px #1e6f9f26}.tag{color:#4fc3f7;letter-spacing:1px;font-size:12px}.header-card h1{background:linear-gradient(90deg,#4fc3f7,#1e6f9f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:10px 0;font-size:40px}.subtitle{color:#aaa;max-width:600px}.tabs{gap:10px;margin-bottom:25px;display:flex}.tabs button{color:#aaa;cursor:pointer;background:0 0;border:1px solid #4fc3f733;border-radius:10px;padding:10px 18px;transition:all .3s}.tabs button:hover{color:#fff;background:#4fc3f71a}.tabs .active{color:#fff;background:linear-gradient(90deg,#1e6f9f,#4fc3f7);box-shadow:0 0 10px #4fc3f74d}.match-card{background:#0f172a;border:1px solid #4fc3f71a;border-radius:14px;margin-bottom:25px;padding:20px;box-shadow:0 0 20px #4fc3f70d}.live{color:#4fc3f7}.team{text-align:center;flex-direction:column;display:flex}.team-name{color:#ccc;margin-top:4px;font-size:12px}.team-logo{color:#4fc3f7;background:linear-gradient(135deg,#000,#0a0f1c);border:1px solid #4fc3f733;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:auto;font-weight:700;display:flex;box-shadow:0 0 10px #4fc3f71a}.vs{color:#4fc3f7;font-weight:700}.time{text-align:center;color:#aaa}.bet{text-align:center;cursor:pointer;background:#020617;border:1px solid #4fc3f71a;border-radius:12px;flex:1;padding:20px;transition:all .3s}.bet p{color:#888;font-size:12px}.bet h2{margin-top:5px}.bet.active,.active-bet{color:#fff;background:linear-gradient(90deg,#1e6f9f,#4fc3f7);transform:scale(1.05);box-shadow:0 0 12px #4fc3f766}.bet:hover{background:#4fc3f714;transform:scale(1.03)}.match-card input,.match-card select{color:#fff;background:#020617;border:1px solid #4fc3f733;border-radius:8px;width:100%;padding:10px}.match-card button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1e6f9f,#4fc3f7);border:none;border-radius:8px;width:100%;padding:10px;transition:all .3s}.match-card button:hover{box-shadow:0 0 10px #4fc3f766}.match-card h3{margin-bottom:10px}.remove-user-btn{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:4px;padding:4px 8px;font-size:12px;display:inline-block;width:auto!important}.remove-user-btn:hover{background:#c62828}.reset-page{background:linear-gradient(#000,#0a0f1c);justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;display:flex}.reset-page .reset-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.reset-page .reset-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0f172ae6;border:1px solid #4fc3f726;border-radius:16px;width:400px;padding:30px;box-shadow:0 0 25px #4fc3f714}.reset-page .icon-box{color:#4fc3f7;background:#4fc3f726;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 15px;font-size:26px;display:flex;box-shadow:0 0 10px #4fc3f733}.reset-page h2{background:linear-gradient(90deg,#4fc3f7,#1e6f9f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px}.reset-page p{color:#aaa;margin-bottom:20px;font-size:14px}.reset-page .input-group{text-align:left;margin-bottom:18px}.reset-page .input-group label{color:#aaa;font-size:12px}.reset-page .input-field{background:#020617;border:1px solid #4fc3f726;border-radius:8px;align-items:center;margin-top:5px;padding:10px;transition:all .3s;display:flex}.reset-page .input-field:focus-within{border:1px solid #4fc3f7;box-shadow:0 0 8px #4fc3f74d}.reset-page .input-field span{cursor:pointer;color:#4fc3f7;margin-right:8px}.reset-page .input-field input{color:#fff;background:0 0;border:none;outline:none;flex:1}.reset-page .reset-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1e6f9f,#4fc3f7);border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-weight:700;transition:all .3s}.reset-page .reset-btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #4fc3f766}.reset-page .back-login{color:#aaa;cursor:pointer;margin-top:15px;font-size:13px;transition:all .3s}.reset-page .back-login:hover{color:#4fc3f7}.reset-page .footer{color:#666;justify-content:space-between;margin-top:20px;font-size:12px;display:flex}.page{background:linear-gradient(#0f172a,#020617);width:100%;min-height:100vh;display:flex}.main-content{background:0 0;flex:1;padding:40px}.profile-header{background:linear-gradient(90deg,#0f172a,#020617);border-left:4px solid #4fc3f7;border-radius:14px;margin-bottom:30px;padding:30px;box-shadow:0 0 25px #4fc3f726}.profile-header h1{background:linear-gradient(90deg,#4fc3f7,#1e6f9f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:36px}.profile-subtitle{color:#9ca3af;margin-top:8px}.profile-card{background:linear-gradient(#0f172a,#020617);border:1px solid #4fc3f71a;border-radius:14px;max-width:500px;padding:25px;box-shadow:0 0 25px #4fc3f714}.profile-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 10px;transition:all .2s;display:flex}.profile-row:hover{background:#4fc3f70f}.profile-row span:first-child{color:#6b7280;font-size:14px}.profile-row span:last-child{color:#e5e7eb;font-weight:500}.profile-avatar{color:#4fc3f7;background:linear-gradient(135deg,#0f172a,#020617);border:1px solid #4fc3f733;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex;box-shadow:0 0 12px #4fc3f726}.reset-btn{color:#4fc3f7;cursor:pointer;background:0 0;border:1px solid #4fc3f74d;border-radius:10px;width:100%;margin-top:25px;padding:12px;transition:all .3s}.reset-btn:hover{color:#fff;background:#4fc3f71f;box-shadow:0 0 12px #4fc3f74d}@media (width<=768px){.page{flex-direction:column}.main-content{padding:20px}.profile-header h1{font-size:26px}.profile-card{width:100%}}.picks-summary{margin:1.5rem 0}.picks-bar-container{background:#222;border-radius:6px;height:12px;display:flex;overflow:hidden}.picks-bar{transition:width .4s}.team1-bar{background:#4ade80}.team2-bar{background:#60a5fa}.picks-count{color:#aaa;justify-content:space-between;margin-top:.5rem;font-size:.85rem;display:flex}.picks-columns{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.picks-col{background:#1a1a1a;border-radius:10px;padding:1rem}.picks-col h3{color:#fff;margin-bottom:.75rem}.pick-row{border-bottom:1px solid #2a2a2a;align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.pick-row1{border-bottom:1px solid #2a2a2a;align-items:center;gap:10px;padding:.5rem 0;display:flex}.pick-row1 span:last-child{text-align:left;flex:1}.avatar{background:#333;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.back-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;margin-bottom:1rem;padding:.4rem 1rem}.back-btn:hover{color:#fff;border-color:#888}html,body,#root{height:100%;margin:0;padding:0}.page{background:linear-gradient(#0f172a,#020617);min-height:100vh;display:flex}.main-content{flex:1;padding:40px}.dashboard-header{background:linear-gradient(90deg,#0f172a,#020617);border-left:4px solid #4fc3f7;border-radius:14px;margin-bottom:30px;padding:30px;box-shadow:0 0 25px #4fc3f726}.dashboard-header h1{background:linear-gradient(90deg,#4fc3f7,#1e6f9f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:34px}.dashboard-header p{color:#9ca3af;margin-top:8px}.stats-row{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px;display:grid}.mini-card{text-align:center;background:linear-gradient(#0f172a,#020617);border:1px solid #4fc3f71a;border-radius:12px;padding:16px;box-shadow:0 0 15px #4fc3f714}.mini-card p{color:#9ca3af;margin:0;font-size:12px}.mini-card h2{color:#4fc3f7;margin-top:8px;font-size:22px}.section-title{color:#e5e7eb;margin:25px 0 15px;font-size:18px}.dashboard-page .match-card{background:linear-gradient(#020617,#020617);border:1px solid #4fc3f71f;border-radius:16px;margin-bottom:20px;padding:22px;transition:all .25s;box-shadow:0 0 25px #4fc3f714}.dashboard-page .match-card:hover{transform:translateY(-3px);box-shadow:0 0 25px #4fc3f72e}.match-header{color:#6b7280;justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.time{text-align:center;color:#e5e7eb;margin-bottom:16px;font-size:18px}.teams{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.team{text-align:center;width:120px}.team-logo{color:#4fc3f7;background:#4fc3f714;border:1px solid #4fc3f733;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 6px;font-size:14px;font-weight:700;display:flex}.team p{color:#9ca3af;font-size:13px}.vs{color:#4fc3f7;font-size:14px;font-weight:700}.bets{gap:15px;display:flex}.bet{color:#4fc3f7;cursor:pointer;background:#020617;border:1px solid #4fc3f733;border-radius:12px;flex:1;padding:14px;font-weight:600;transition:all .2s}.bet:hover{background:#4fc3f71a}.active-bet{color:#000;background:#4fc3f7}.dashboard-card{background:linear-gradient(#0f172a,#020617);border:1px solid #4fc3f71a;border-radius:14px;padding:20px;box-shadow:0 0 20px #4fc3f714}.dashboard-card h3{color:#e5e7eb;margin-bottom:15px}.pick-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:12px 8px;display:flex}.pick-row:hover{background:#4fc3f70f}.win-badge{color:#4ade80}.lose-badge{color:#f87171}.no-pick-badge{color:#9ca3af}.load-more-btn{color:#4fc3f7;cursor:pointer;background:0 0;border:1px solid #4fc3f74d;border-radius:10px;width:100%;margin-top:15px;padding:10px;font-weight:500}.load-more-btn:hover{background:#4fc3f71a}.empty-text{color:#6b7280;font-size:14px}@media (width<=768px){.main-content{padding:20px}.stats-row{grid-template-columns:1fr 1fr}.teams{gap:10px}.team{width:auto}}