.dashboard-premium-contained{max-width:1400px;margin:0 auto;padding:0 2rem}.analytics-section{margin-bottom:3rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.glass-header-premium{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.nav-pill,.nav-pills-enhanced{display:flex;gap:.5rem;align-items:center}.nav-pill{padding:.75rem 1rem;background:var(--glass-light);border:1px solid var(--glass-border);border-radius:.75rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-pill:hover{background:var(--glass-medium);color:var(--text-primary);transform:translateY(-1px)}.nav-pill.active{background:var(--gradient-brand);color:#fff;border-color:var(--accent-primary)}.nav-icon{font-size:1rem}.time-range-selector{display:flex;gap:.25rem;background:var(--glass-light);border:1px solid var(--glass-border);border-radius:.75rem;padding:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.time-range-option{padding:.5rem .75rem;background:transparent;border:none;border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.time-range-option:hover{background:var(--glass-medium);color:var(--text-primary)}.time-range-option.active{background:var(--gradient-brand);color:#fff}.logo-section{display:flex;align-items:center;gap:1rem}.logo-icon-wrapper{width:40px;height:40px;background:var(--gradient-brand);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.logo-icon{color:#fff}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.logo-badge{padding:.25rem .75rem;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.glass-card-premium,.logo-badge{background:var(--glass-light);border:1px solid var(--glass-border);border-radius:1rem}.glass-card-premium{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.glass-card-premium:hover{background:var(--glass-medium);border-color:hsla(0,0%,100%,.2);box-shadow:0 10px 40px rgba(0,0,0,.3)}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.analytics-stat-card{position:relative;padding:1.5rem;background:var(--glass-light);border:1px solid var(--glass-border);border-radius:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;cursor:pointer;overflow:hidden}.analytics-stat-card:hover{background:var(--glass-medium);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 10px 40px rgba(59,130,246,.3)}.analytics-stat-card.selected{background:var(--glass-heavy);border-color:var(--accent-primary);box-shadow:0 0 30px rgba(59,130,246,.4)}.analytics-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);opacity:0;transition:opacity .3s ease}.analytics-stat-card.selected:before{opacity:1}.user-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.user-card{position:relative;padding:1.5rem;background:var(--glass-light);border:1px solid var(--glass-border);border-radius:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;overflow:hidden}.user-card:hover{background:var(--glass-medium);transform:translateY(-3px);box-shadow:0 15px 50px rgba(0,0,0,.3)}.user-card.speed-card:hover{border-color:#3b82f6;box-shadow:0 15px 50px rgba(59,130,246,.3)}.user-card.accuracy-card:hover{border-color:#10b981;box-shadow:0 15px 50px rgba(16,185,129,.3)}.user-card.flow-card:hover{border-color:#8b5cf6;box-shadow:0 15px 50px rgba(139,92,246,.3)}.user-card.streak-card:hover{border-color:#f59e0b;box-shadow:0 15px 50px rgba(245,158,11,.3)}.user-card.rank-card:hover{border-color:#fbbf24;box-shadow:0 15px 50px rgba(251,191,36,.3)}.user-card.practice-card:hover{border-color:#06b6d4;box-shadow:0 15px 50px rgba(6,182,212,.3)}.user-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-icon-large{font-size:2rem;opacity:.9}.card-badge{padding:.25rem .75rem;background:var(--gradient-brand);color:#fff;font-size:.75rem;font-weight:600;border-radius:1rem;text-transform:uppercase;letter-spacing:.5px}.user-card-content{display:flex;flex-direction:column;gap:1rem}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.card-main-stat{display:flex;align-items:baseline;gap:.5rem}.main-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.main-unit{font-size:1rem;color:var(--text-secondary);font-weight:500}.card-progress-bar{width:100%;height:6px;background:var(--glass-light);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-brand);border-radius:3px;transition:width 1s ease}.card-details{display:flex;justify-content:space-between;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.flow-indicators{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.flow-dot{width:10px;height:10px;border-radius:50%;background:var(--glass-border);transition:all .3s ease}.flow-dot.active{background:var(--gradient-brand);box-shadow:0 0 10px rgba(59,130,246,.5)}.streak-calendar{display:flex;gap:.25rem;justify-content:center;margin:.5rem 0}.streak-day{width:20px;height:20px;border-radius:4px;background:var(--glass-border);transition:all .3s ease}.streak-day.active{background:var(--gradient-brand);box-shadow:0 0 8px rgba(245,158,11,.5)}.rank-progress{display:flex;align-items:center;justify-content:center;margin:.5rem 0}.rank-tier{padding:.5rem 1rem;background:var(--glass-light);border-radius:1rem;border:1px solid var(--glass-border)}.tier-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.practice-heatmap{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:2px;gap:2px;margin:.5rem 0}.heatmap-day{width:100%;aspect-ratio:1;border-radius:2px;background:var(--glass-border);transition:all .3s ease}.heatmap-day.active{background:var(--gradient-brand)}.analytics-alert{margin:16px auto;max-width:960px;background:hsla(0,91%,71%,.12);border:1px solid hsla(0,91%,71%,.35);color:#fecaca;padding:12px 20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.analytics-alert button{background:rgba(248,250,252,.1);border:1px solid rgba(248,250,252,.2);color:#fff;padding:6px 12px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.analytics-alert button:hover{background:rgba(248,250,252,.2);border-color:rgba(248,250,252,.35)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.action-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--glass-light);border:1px solid var(--glass-border);border-radius:.75rem;text-decoration:none;color:var(--text-primary);font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button:hover{background:var(--glass-medium);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.action-button.practice-action:hover{border-color:#3b82f6;box-shadow:0 8px 25px rgba(59,130,246,.3)}.action-button.learn-action:hover{border-color:#10b981;box-shadow:0 8px 25px rgba(16,185,129,.3)}.action-button.compete-action:hover{border-color:#f59e0b;box-shadow:0 8px 25px rgba(245,158,11,.3)}.action-icon{font-size:1.25rem}.action-text{font-size:.9rem}.chart-container{position:relative;padding:1.5rem;background:var(--glass-light);border:1px solid var(--glass-border);border-radius:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.metric-tabs{display:flex;gap:.5rem}.metric-tab{padding:.5rem 1rem;background:transparent;border:1px solid var(--glass-border);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.metric-tab:hover{background:var(--glass-light);color:var(--text-primary)}.metric-tab.active{background:var(--gradient-brand);border-color:var(--accent-primary);color:#fff}.performance-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;height:200px;padding:1rem 0}.chart-day{display:flex;flex-direction:column;align-items:center;flex:1 1;gap:.5rem}.chart-bars{position:relative;height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:80%;background:var(--gradient-brand);border-radius:4px 4px 0 0;transition:all .3s ease;position:relative;min-height:4px}.chart-bar:hover{transform:scaleX(1.1);box-shadow:0 0 15px rgba(59,130,246,.5)}.chart-bar.speed-bar{background:linear-gradient(135deg,#3b82f6,#2563eb)}.chart-bar.accuracy-bar{background:linear-gradient(135deg,#10b981,#059669)}.chart-bar.flow-bar{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.chart-label{color:var(--text-muted)}.bar-tooltip,.chart-label{font-size:.75rem;font-weight:500}.bar-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-primary);border:1px solid var(--glass-border);color:var(--text-primary);padding:.25rem .5rem;border-radius:.375rem;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.chart-bar:hover .bar-tooltip{opacity:1}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.insight-category{padding:1.5rem;background:var(--glass-light);border:1px solid var(--glass-border);border-radius:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.category-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.insight-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.insight-item{font-size:.875rem;color:var(--text-secondary);line-height:1.5;padding:.75rem;background:var(--glass-light);border-radius:.5rem;border-left:3px solid var(--glass-border);transition:all .2s ease}.insight-item:hover{background:var(--glass-medium);border-left-color:var(--accent-primary)}.insight-item.positive{border-left-color:var(--success)}.insight-item.improvement{border-left-color:var(--warning)}.cross-tab-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.insight-card{padding:1.5rem;background:var(--glass-light);border:1px solid var(--glass-border);border-radius:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.insight-card:hover{background:var(--glass-medium);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.insight-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.insight-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.trend-indicator{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.trend-indicator.trend-up{background:rgba(16,185,129,.2);color:var(--success)}.trend-indicator.trend-down{background:rgba(239,68,68,.2);color:var(--error)}.trend-indicator.trend-stable{background:rgba(156,163,175,.2);color:var(--text-muted)}.insight-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.insight-action{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--glass-light);border-radius:.5rem;border:1px solid var(--glass-border)}.action-label{font-size:.75rem;color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.action-text{font-size:.875rem;color:var(--text-primary);font-weight:500}@media (max-width:768px){.analytics-stats-grid,.cross-tab-insights-grid,.insights-grid,.user-cards-grid{grid-template-columns:1fr;gap:1rem}.chart-header{flex-direction:column;align-items:stretch;gap:1rem}.metric-tabs{justify-content:center}.performance-chart{height:150px}.chart-bars{height:120px}.user-card{padding:1rem}.main-number{font-size:2rem}.card-details{flex-direction:column;gap:.75rem}.practice-heatmap{grid-template-columns:repeat(6,1fr)}}@media (max-width:480px){.quick-actions-grid,.user-cards-grid{grid-template-columns:1fr}.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}}