:root{--bg-main:#0a0a0f;--bg-secondary:#13131a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-accent:#ccff000d;--primary:#cf0;--primary-glow:#cf06;--text-main:#fff;--text-muted:#9ca3af;--border-glass:#ffffff14;--success:#10b981;--gold:gold;--silver:silver;--bronze:#cd7f32;--sidebar-width:260px;--widget-width:360px}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden}.dashboard-container{background-image:radial-gradient(circle at 80% 10%,#1a1a2e 0%,#0a0a0f 60%);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-glass);backdrop-filter:blur(10px);background:#0a0a0fcc;flex-direction:column;height:100vh;padding:32px;display:flex;position:sticky;top:0}.nav-links{flex-direction:column;gap:8px;margin-top:40px;display:flex}.nav-item{color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:#fff}.nav-item.active{background:var(--bg-card);color:var(--primary);border:1px solid var(--border-glass)}.main-content{flex:1;padding:40px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{margin:0;font-family:Space Grotesk;font-size:2rem}.leagues-carousel{scrollbar-width:none;gap:16px;margin-bottom:32px;padding-bottom:8px;display:flex;overflow-x:auto}.leagues-carousel::-webkit-scrollbar{display:none}.league-card-select{cursor:pointer;border:1px solid var(--border-glass);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;min-width:240px;height:140px;transition:all .3s;position:relative;overflow:hidden}.league-card-select:after{content:"";pointer-events:none;background:linear-gradient(#00000059,#000000d9);position:absolute;inset:0}.league-card-select:hover{transform:translateY(-4px)}.league-card-select.active{border:2px solid var(--primary);box-shadow:0 0 20px #ccff0026}.league-card-info{background:linear-gradient(#0000,#000000e6);width:100%;padding:16px;position:absolute;bottom:0;left:0}.league-name-sm{color:#fff;font-size:1.1rem;font-weight:700;display:block}.league-meta{color:var(--text-muted);font-size:.8rem}.create-league-card{background:var(--bg-card);border:1px dashed var(--border-glass);min-width:100px;color:var(--text-muted);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;transition:all .2s;display:flex}.create-league-card:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-card-hover)}.league-tabs{border-bottom:1px solid var(--border-glass);gap:24px;margin-bottom:24px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:1rem;font-weight:600;position:relative}.tab-btn.active{color:#fff}.tab-btn.active:after{content:"";background:var(--primary);width:100%;height:2px;box-shadow:0 -2px 10px var(--primary-glow);position:absolute;bottom:-1px;left:0}.match-row-league{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;align-items:center;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.match-row-league:hover{background:var(--bg-card-hover)}.match-date-box{text-align:center;background:#ffffff0d;border-radius:12px;min-width:70px;margin-right:20px;padding:8px 16px}.match-day{font-size:1.2rem;font-weight:700;line-height:1;display:block}.match-month{text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.match-info-main{flex:1}.match-versus{margin-bottom:4px;font-size:1rem;font-weight:700}.match-location-sub{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.match-actions-right{align-items:center;gap:12px;display:flex}.avatars-group{margin-right:8px;display:flex}.avatar-overlap{border:2px solid var(--bg-main);background:#333;border-radius:50%;width:30px;height:30px;margin-left:-10px}.avatar-overlap:first-child{margin-left:0}.leaderboard-table{border-collapse:separate;border-spacing:0 8px;width:100%}.leaderboard-header{text-align:left;color:var(--text-muted);padding:0 16px;font-size:.8rem}.leaderboard-row{background:var(--bg-card);transition:all .2s}.leaderboard-row td{border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);padding:16px}.leaderboard-row td:first-child{border-left:1px solid var(--border-glass);color:var(--text-muted);border-top-left-radius:12px;border-bottom-left-radius:12px;font-weight:700}.leaderboard-row td:last-child{border-right:1px solid var(--border-glass);text-align:right;border-top-right-radius:12px;border-bottom-right-radius:12px}.rank-1{font-size:1.2rem;color:var(--gold)!important}.rank-2{font-size:1.1rem;color:var(--silver)!important}.rank-3{font-size:1.1rem;color:var(--bronze)!important}.right-sidebar{width:var(--widget-width);border-left:1px solid var(--border-glass);background:var(--bg-secondary);flex-direction:column;display:flex}.chat-header{border-bottom:1px solid var(--border-glass);padding:24px}.league-title-large{margin-bottom:8px;font-family:Space Grotesk;font-size:1.5rem;line-height:1.1}.chat-area{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-msg{gap:10px;max-width:90%;display:flex}.chat-msg.me{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{background:#444;border-radius:50%;flex-shrink:0;width:32px;height:32px}.msg-bubble{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:2px 12px 12px;padding:10px 14px;font-size:.9rem}.chat-msg.me .msg-bubble{color:#fff;background:#ccff001a;border-color:#cf03;border-top-left-radius:12px;border-top-right-radius:2px}.msg-author{color:var(--text-muted);margin-bottom:2px;font-size:.75rem;display:block}.chat-input-area{border-top:1px solid var(--border-glass);background:var(--bg-main);gap:10px;padding:20px;display:flex}.chat-input{background:var(--bg-card);border:1px solid var(--border-glass);color:#fff;border-radius:100px;outline:none;flex:1;padding:10px 16px}.chat-input:focus{border-color:var(--primary)}.send-btn{background:var(--primary);cursor:pointer;color:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}@media (width<=1100px){.dashboard-container{flex-direction:column}.right-sidebar{border-left:none;border-top:1px solid var(--border-glass);width:100%;height:400px}.sidebar{display:none}}