.dashboard-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;margin:0 0 20px;padding:11px 24px;background:rgba(248,250,252,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e7eaf0;box-shadow:0 8px 18px rgba(15,23,42,.05);transition:transform .25s ease,box-shadow .25s ease}.dashboard-topbar-hidden{transform:translateY(-100%)}.dashboard-topbar:focus-within{transform:translateY(0)}.dashboard-topbar-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:14px}.topbar-brand{display:flex;align-items:center;gap:10px;flex:none;font-weight:800;color:#38246b;text-decoration:none}.topbar-brand .brand-mark{width:32px;height:32px;font-size:19px}.topbar-brand-text{display:flex;flex-direction:column;line-height:1.2}.topbar-brand-text strong{font-size:19px;letter-spacing:.07em}.topbar-brand-text small{font-size:10px;font-weight:500;color:#64748b}.dashboard-navigation{display:flex;align-items:center;gap:4px;flex:none;margin-left:auto}.dashboard-navigation a{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:9px;color:#475569;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .16s ease,color .16s ease}.dashboard-navigation a:focus-visible,.dashboard-navigation a:hover{background:#ede9fe;color:#6d28d9}.dashboard-nav-icon{width:16px;text-align:center;font-size:13px}.dashboard-actions{display:flex;align-items:center;gap:10px;flex:none}.auth-header-actions{display:flex;align-items:center;gap:8px}.auth-header-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid #ddd6fe;border-radius:9px;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}.auth-header-signin{background:#fff;color:#6d28d9}.auth-header-signup{border-color:#7c3aed;background:#7c3aed;color:#fff}.auth-header-signin:focus-visible,.auth-header-signin:hover{background:#f5f3ff;border-color:#c4b5fd}.auth-header-signup:focus-visible,.auth-header-signup:hover{background:#6d28d9;border-color:#6d28d9}.auth-header-button:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.language-selector select{border:1px solid #dbe3ef;border-radius:8px;background:#fff;padding:8px 10px;color:#475569;font-size:12px}.profile-button{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:10px;text-decoration:none;color:#111827;font-size:12px;font-weight:700;transition:background .16s ease}.profile-button:hover{background:#f1f5f9}.clerk-header-user{display:flex;align-items:center;gap:8px}.clerk-header-name{color:#111827;text-decoration:none;font-size:12px;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clerk-header-user .cl-userButtonTrigger{padding:0}.clerk-account-card{display:flex;justify-content:center}.profile-button small{display:block;color:#64748b;font-weight:400;margin-top:2px}.profile-menu{position:relative}.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#fff;border:1px solid #e7eaf0;border-radius:10px;padding:6px;box-shadow:0 12px 30px #1e293b1c;z-index:30}.profile-dropdown a,.profile-dropdown button{display:block;width:100%;border:0;background:transparent;color:#334155;text-align:left;text-decoration:none;padding:9px 10px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f5f3ff;color:#6d28d9}.premium-top-link{border-radius:9px;background:#7c3aed;color:#fff;padding:10px 15px}.admin-top-link,.premium-top-link{text-decoration:none;font-size:12px;font-weight:700}.admin-top-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #ddd6fe;border-radius:9px;background:#fff;color:#6d28d9;padding:9px 12px;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}.admin-top-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.admin-top-link:focus-visible,.admin-top-link:hover{background:#f5f3ff;border-color:#c4b5fd;color:#5b21b6}.admin-top-link:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.dashboard-topbar.programming-practice-dark{color:#e2e8f0;background:rgba(15,23,42,.96);border-bottom-color:#334155;box-shadow:0 4px 14px rgba(2,6,23,.28)}.dashboard-topbar.programming-practice-dark .clerk-header-name,.dashboard-topbar.programming-practice-dark .profile-button,.dashboard-topbar.programming-practice-dark .topbar-brand{color:#f8fafc}.dashboard-topbar.programming-practice-dark .profile-button small,.dashboard-topbar.programming-practice-dark .topbar-brand-text small{color:#94a3b8}.dashboard-topbar.programming-practice-dark .dashboard-navigation a{color:#cbd5e1}.dashboard-topbar.programming-practice-dark .dashboard-navigation a:focus-visible,.dashboard-topbar.programming-practice-dark .dashboard-navigation a:hover,.dashboard-topbar.programming-practice-dark .profile-button:hover{color:#fff;background:#334155}.dashboard-topbar.programming-practice-dark .dashboard-actions .language-selector select{color:#e2e8f0;background:#1e293b;border-color:#475569}.dashboard-topbar.programming-practice-dark .admin-top-link{background:#1e293b;border-color:#475569;color:#ddd6fe}.dashboard-topbar.programming-practice-dark .admin-top-link:focus-visible,.dashboard-topbar.programming-practice-dark .admin-top-link:hover{background:#334155;border-color:#a78bfa;color:#fff}.dashboard-topbar.programming-practice-dark .sora-profile-trigger{background:#0f172a;border-color:#334155;color:#f8fafc}.dashboard-topbar.programming-practice-dark .sora-profile-trigger-name{color:#f8fafc}.dashboard-topbar.programming-practice-dark .sora-profile-avatar{background:#22d3ee;color:#082f49;border:1px solid rgba(125,211,252,.45)}.dashboard-topbar.programming-practice-dark .sora-profile-panel{background:#0f172a;border-color:#334155;box-shadow:0 18px 44px rgba(2,6,23,.45)}.dashboard-topbar.programming-practice-dark .sora-profile-badge,.dashboard-topbar.programming-practice-dark .sora-profile-card-top strong,.dashboard-topbar.programming-practice-dark .sora-profile-identity span,.dashboard-topbar.programming-practice-dark .sora-profile-logout-section button,.dashboard-topbar.programming-practice-dark .sora-profile-section a,.dashboard-topbar.programming-practice-dark .sora-profile-section button,.dashboard-topbar.programming-practice-dark .sora-profile-section p{color:#e2e8f0}.dashboard-topbar.programming-practice-dark .sora-profile-identity span{color:#94a3b8}.dashboard-topbar.programming-practice-dark .sora-profile-badge{background:#1e293b;color:#7dd3fc;border:1px solid rgba(125,211,252,.25)}.dashboard-topbar.programming-practice-dark .sora-profile-section a.is-current,.dashboard-topbar.programming-practice-dark .sora-profile-section a:hover,.dashboard-topbar.programming-practice-dark .sora-profile-section button:hover{background:#1e293b;color:#fff}.dashboard-topbar.programming-practice-dark .sora-profile-divider{background:#334155}.dashboard-topbar.programming-practice-dark .profile-dropdown{color:#e2e8f0;background:#1e293b;border-color:#475569}.dashboard-topbar.programming-practice-dark .profile-dropdown a,.dashboard-topbar.programming-practice-dark .profile-dropdown button{color:#e2e8f0}.dashboard-topbar.programming-practice-dark .profile-dropdown a:hover,.dashboard-topbar.programming-practice-dark .profile-dropdown button:hover{color:#fff;background:#334155}@media(max-width:1200px){.dashboard-navigation a{padding:8px 10px}}@media(max-width:900px){.dashboard-nav-label{display:none}.profile-button{font-size:0}.profile-button small{display:none}}@media(max-width:750px){.dashboard-topbar{margin:0 0 16px;padding:10px 16px}.dashboard-topbar-inner{flex-wrap:wrap;gap:10px}.dashboard-navigation{display:none}.dashboard-actions{margin-left:auto}}@media(max-width:500px){.dashboard-topbar{padding:9px 16px}.dashboard-actions{gap:6px}.language-selector select{padding:7px 6px}.auth-header-actions{gap:5px}.auth-header-button{min-height:34px;padding:7px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.dashboard-topbar{transition:none}}.dashboard-topbar .premium-top-link{display:none}.achievements-card,.activity-card,.challenge-card,.challenge-hero,.evolution-card,.game-card,.goal-card,.history-card,.metric-card,.summary-card,.trends-card,.welcome-hero{transition:border-color .18s ease,box-shadow .18s ease}.achievements-card:hover,.activity-card:hover,.challenge-card:hover,.evolution-card:hover,.game-card:hover,.goal-card:hover,.history-card:hover,.summary-card:hover,.trends-card:hover{border-color:#d8ccfb;box-shadow:0 8px 24px #31245a0b}.trends-card{border-radius:14px}.leaderboard-card .history-top select,.trends-heading select{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.game-controls input:focus-visible,.game-controls select:focus-visible,.leaderboard-card .history-top select:focus-visible,.trends-heading select:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.leaderboard-card .history-top select.leaderboard-period-historical,.trends-heading select.leaderboard-period-historical{border-color:#c4b5fd;background:#f5f3ff;color:#5b21b6;font-weight:700}.game-card{margin:0 auto;box-shadow:0 12px 30px #1118270a}.challenge-hero{border:1px solid #e9ddff}.achievement{transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}.achievement.unlocked{border-color:#d8ccfb}.leader-row{transition:background-color .16s ease}.leader-row:hover{background:#faf8ff}.help-next-steps{border-color:#e7e1f4}@media(prefers-reduced-motion:reduce){.achievement,.achievements-card,.activity-card,.challenge-card,.challenge-hero,.evolution-card,.game-card,.goal-card,.history-card,.leader-row,.leaderboard-card .history-top select,.metric-card,.summary-card,.trends-card,.trends-heading select,.welcome-hero{transition:none}}