:root{--bg-main:#0a0a0f;--bg-secondary:#13131a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--primary:#cf0;--primary-glow:#cf06;--text-main:#fff;--text-muted:#9ca3af;--border-glass:#ffffff14;--success:#10b981;--sidebar-width:260px;--widget-width:320px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}.dashboard-container{background-image:radial-gradient(circle at 50% 0,#1a1a2e 0%,#0a0a0f 60%);width:100vw;height:100vh;display:flex;overflow:hidden}.hd-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-glass);z-index:20;height:100%;max-width:var(--sidebar-width);background-color:#0000;flex-direction:column;flex-shrink:0;padding:0;display:flex;overflow:hidden}.hd-sidebar-logo-zone{flex-shrink:0;width:100%;padding:2rem 1.5rem;position:relative}.hd-sidebar-logo-wrapper{width:100%}.hd-sidebar-logo-image{object-fit:contain;width:140px;height:auto;max-height:60px;display:block}.hd-sidebar-nav-zone{flex-direction:column;flex:1;padding:120px .75rem 1rem;display:flex;overflow:hidden auto}.hd-sidebar-menu-list{flex-direction:column;gap:6px;display:flex}.hd-sidebar-menu-item{color:var(--text-muted);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex;max-width:calc(var(--sidebar-width) - 1.5rem)!important}.hd-sidebar-menu-item span{flex:1}.hd-sidebar-menu-item:hover{background:var(--bg-card-hover);color:var(--text-main)}.hd-sidebar-menu-item-active{background:var(--bg-card-hover);color:var(--text-main);border-left:3px solid var(--primary)}.hd-sidebar-actions-zone{border-top:1px solid var(--border-glass);flex-direction:column;flex-shrink:0;gap:6px;margin-top:auto;padding:1rem .75rem;display:flex}.hd-sidebar-logout-item{color:#ef4444}.hd-sidebar-logout-item:hover{color:#ef4444;background:#ef44441a}.main-content{width:100%;max-width:1400px;margin:0 auto;padding:40px}.header-welcome{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.user-greeting h1{margin-bottom:4px;font-size:2rem}.user-greeting p{color:var(--text-muted)}.notification-button{border:1px solid var(--border-glass);background:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.notification-count{background:var(--success);color:var(--bg-main);border-radius:999px;padding:2px 6px;font-size:.7rem;position:absolute;top:6px;right:6px}.next-match-card{border:1px solid var(--border-glass);background:#ffffff05;border-radius:24px;min-height:320px;margin-bottom:40px;position:relative;overflow:hidden}.match-bg-overlay{opacity:.85;background:radial-gradient(circle at 20% -20%,#ccff0040,#0000 60%),radial-gradient(circle at 80% 0,#ffffff26,#0000 55%);position:absolute;inset:0}.match-info-container{z-index:1;padding:32px;position:relative}.match-badge{background:var(--primary);color:#0a0a0f;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-block}.match-subtitle{color:var(--text-muted);margin-top:8px;font-size:1.1rem}.players-area{flex-direction:column;display:flex}.match-details-grid{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}.players-area .players-label{color:var(--text-muted);margin-bottom:12px;font-weight:600}.player-stack{flex-wrap:wrap;gap:12px;display:flex}.player-avatar{text-align:center}.player-avatar img{border:2px solid var(--primary);object-fit:cover;border-radius:50%;width:56px;height:56px;margin:0 auto 6px;display:block}.player-avatar.missing .player-placeholder{border:2px dashed var(--text-muted)}.player-placeholder{border:2px solid var(--text-muted);width:56px;height:56px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 6px;display:flex}.player-name{color:var(--text-muted);font-size:.75rem}.actions-area{flex-direction:column;gap:12px;display:flex}.countdown-box{border:1px solid var(--border-glass);text-align:center;background:#ffffff0a;border-radius:16px;padding:12px 16px;font-weight:700}.btn{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#0a0a0f}.btn-outline{border:1px solid var(--border-glass);color:var(--text-main);background:0 0}.quick-actions{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.action-card{background:var(--bg-card);border:1px solid var(--border-glass);cursor:pointer;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;transition:all .3s;display:flex}.action-card span{color:#fff;font-size:.95rem}.action-card:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-4px)}.action-icon{width:48px;height:48px;color:var(--primary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.section-title{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:1.25rem;display:flex}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.match-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:20px;transition:all .3s}.match-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.section{margin-bottom:40px}.progressGrid{background:var(--bg-card);border-radius:20px;align-items:center;gap:12px;padding:20px;display:flex}.progressItem{text-align:center;flex:1}.progressValue{font-size:1.75rem;font-weight:800}.progressLabel{text-transform:uppercase;color:var(--text-muted);font-size:.85rem}.progressDivider{background:var(--border-glass);width:1px;height:40px}.levelBarContainer{margin-top:20px}.levelBarTrack{background:#ffffff1a;border-radius:999px;width:100%;height:10px;overflow:hidden}.levelBarFill{background:var(--primary);height:100%}.levelMeta{justify-content:space-between;margin-top:8px;display:flex}.levelText{font-weight:700}.levelHint{color:var(--text-muted)}.statsGrid{background:var(--bg-card);border-radius:20px;align-items:center;gap:12px;padding:20px;display:flex}.statCard{text-align:center;flex:1}.statValue{font-size:1.5rem;font-weight:700}.statLabel{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.75rem}.statDivider{background:var(--border-glass);width:1px;height:60px}.match-header{justify-content:space-between;margin-bottom:16px;display:flex}.level-badge{border:1px solid var(--primary);color:var(--primary);border-radius:8px;padding:4px 8px;font-size:.8rem;font-weight:600}.link-button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-weight:600}.loading-placeholder{text-align:center;color:var(--text-muted);padding:24px}.match-meta{color:var(--text-muted);justify-content:space-between;margin:16px 0;font-size:.85rem;display:flex}.compatibility-pill{color:var(--success);background:#10b9811a;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.btn-ghost{border:1px solid var(--primary);color:var(--primary);background:0 0}.match-avatars{margin-top:16px;display:flex}.mini-avatar{border:2px solid var(--bg-main);background:#333;border-radius:50%;width:32px;height:32px;margin-left:-8px}.mini-avatar:first-child{margin-left:0}.profile-widget{text-align:center;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;padding:24px}.large-avatar{border:3px solid var(--primary);object-fit:cover;border-radius:50%;width:80px;height:80px;margin:0 auto 16px}.level-progress{background:#ffffff1a;border-radius:4px;height:8px;margin-top:16px;overflow:hidden}.progress-fill{background:var(--primary);width:75%;height:100%}.stats-mini-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.stat-box{background:#0000004d;border-radius:12px;padding:12px}.stat-value{color:#fff;font-size:1.2rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:.8rem}.feed-item{border-bottom:1px solid var(--border-glass);gap:12px;padding:12px 0;display:flex}.feed-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.widget{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;margin-bottom:24px;padding:20px}.online-list{gap:12px;margin-top:12px;display:flex}.online-dot{background:#333;border-radius:50%;width:48px;height:48px;position:relative}.online-dot:after{content:"";background:var(--success);border:2px solid var(--bg-main);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.premium-teaser{border:1px dashed var(--border-glass);color:var(--primary);text-align:center;background:#ccff001a;border-radius:12px;margin-top:12px;padding:12px;font-size:.85rem}@media (width<=1200px){.dashboard-right-sidebar{display:none}.dashboard-container{flex-direction:row}}@media (width<=768px){.dashboard-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-glass);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:16px;position:relative}.nav-links{display:none}.main-content{padding:20px}.quick-actions{grid-template-columns:repeat(2,1fr)}.match-details-grid{grid-template-columns:1fr}}