.app-header{background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.header-user{display:flex;align-items:center;gap:10px}.header-avatar{font-size:28px;width:40px;height:40px;background:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-info{display:flex;flex-direction:column}.header-name{font-size:14px;font-weight:700;color:var(--text-primary)}.header-rank{font-size:10px;color:var(--accent)}.app-nav{background:#111827fa;border-top:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-muted);transition:all .2s;gap:4px}.nav-item.active{color:var(--accent)}.nav-icon{font-size:24px;margin-bottom:2px}.nav-text{font-size:10px;font-weight:500}