.achievements-page{background-color:var(--bg-primary);color:#ffffff}.achievements-page .greeting h1:before{display:none}.achievements-page .dashboard-header{margin-bottom:var(--spacing-xl)}.xp-section{margin-bottom:var(--spacing-xl);flex-wrap:wrap}.xp-card,.xp-section{display:flex;gap:var(--spacing-xl)}.xp-card{flex:2;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);background:#23252a;border:1px solid rgba(255,255,255,.12);border-radius:24px;position:relative;overflow:hidden;min-width:0}.xp-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 60%);pointer-events:none}.xp-info{gap:var(--spacing-lg)}.xp-icon,.xp-info{display:flex;align-items:center}.xp-icon{width:70px;height:70px;background:linear-gradient(135deg,#ffffff,#e2e8f0);border-radius:18px;justify-content:center;color:#000;box-shadow:0 8px 24px rgba(255,255,255,.4);animation:glow 3s ease-in-out infinite}.xp-details{display:flex;flex-direction:column;gap:4px}.xp-label{font-size:14px;color:var(--text-secondary)}.xp-value{font-size:36px;font-weight:800;background:linear-gradient(135deg,#ffffff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-progress-container{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.xp-progress-bar{height:12px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.xp-progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f6e05e,#d4af37);border-radius:6px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.xp-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite}.xp-milestone{font-size:12px;color:var(--text-muted);text-align:left}.achievement-stats{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(40,40,40,.9),rgba(30,30,30,.85));border-radius:24px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-width:0}.achievement-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-num{font-size:28px;font-weight:800;color:var(--text-primary)}.stat-text{font-size:13px;color:var(--text-secondary)}.stat-divider{width:1px;height:40px;background:rgba(255,255,255,.1)}.categories-section{margin-bottom:var(--spacing-xl);flex-wrap:wrap}.categories-section,.category-btn{display:flex;gap:var(--spacing-sm)}.category-btn{align-items:center;padding:12px 20px;background:rgba(40,40,40,.6);border:1px solid rgba(255,255,255,.1);border-radius:30px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all var(--transition-normal);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.category-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:var(--text-primary)}.category-btn.active{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border-color:rgba(255,255,255,.3);color:#ffffff}.category-count{padding:2px 8px;background:rgba(255,255,255,.1);border-radius:10px;font-size:12px;font-weight:600}.category-btn.active .category-count{background:rgba(212,175,55,.2)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.achievement-card{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(40,40,40,.9),rgba(30,30,30,.85));border-radius:20px;border:1px solid rgba(255,255,255,.08);transition:all var(--transition-normal);position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--rarity-border);opacity:0;transition:opacity var(--transition-normal)}.achievement-card:hover{transform:translateY(-4px);border-color:var(--rarity-border);box-shadow:0 12px 30px rgba(0,0,0,.3)}.achievement-card:hover:before{opacity:1}.achievement-card.locked{opacity:.7}.achievement-card.locked:hover{opacity:.85}.achievement-card.earned .achievement-icon{background:var(--rarity-bg);color:var(--rarity-text);box-shadow:0 4px 20px var(--rarity-bg)}.achievement-icon{width:64px;height:64px;flex-shrink:0;background:rgba(255,255,255,.05);position:relative;transition:all var(--transition-normal)}.achievement-icon,.lock-overlay{border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.lock-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}.achievement-content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.achievement-name{font-size:16px;font-weight:700;color:var(--text-primary)}.achievement-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.earned-date{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.earned-date,.locked-text{font-size:12px;margin-top:4px}.locked-text{color:var(--text-muted)}.achievement-progress{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:auto;padding-top:6px}.achievement-progress-bar{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.achievement-progress-fill{height:100%;background:var(--rarity-text,var(--gold));border-radius:3px;transition:width .5s ease}.progress-text{font-size:12px;color:var(--text-muted);font-weight:600}.achievement-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;min-width:0}.rarity-badge{background:var(--rarity-bg);color:var(--rarity-text);border-radius:12px;font-weight:600;border:1px solid var(--rarity-border)}.rarity-badge,.xp-badge{padding:4px 10px;font-size:11px}.xp-badge{background:rgba(255,255,255,.1);color:#ffffff;border-radius:12px;font-weight:700}@media (max-width:1400px){.xp-section{flex-direction:column}}@media (max-width:768px){.achievements-page .dashboard-content{margin-right:0;padding:var(--spacing-lg)}.achievements-page .sidebar{display:none}.achievements-grid{grid-template-columns:1fr}.xp-card{text-align:center}.xp-card,.xp-info{flex-direction:column}.xp-milestone{text-align:center}}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,215,0,.1);border-top-color:#ffd700;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}[data-theme=light] .achievements-page .greeting h1,[data-theme=light] .achievements-page .greeting p{color:var(--text-primary)}[data-theme=light] .achievement-card,[data-theme=light] .achievement-stats,[data-theme=light] .category-btn,[data-theme=light] .xp-card{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--shadow-md)}[data-theme=light] .xp-card:before{background:radial-gradient(circle,rgba(59,130,246,.14) 0,transparent 62%)}[data-theme=light] .xp-icon{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a;box-shadow:0 8px 24px rgba(15,23,42,.14)}[data-theme=light] .xp-value{background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .achievement-progress-bar,[data-theme=light] .xp-progress-bar{background:rgba(15,23,42,.12)}[data-theme=light] .stat-divider{background:rgba(15,23,42,.16)}[data-theme=light] .category-btn{color:var(--text-secondary)}[data-theme=light] .category-btn:hover{background:rgba(15,23,42,.06);border-color:rgba(15,23,42,.22);color:var(--text-primary)}[data-theme=light] .category-btn.active{background:linear-gradient(135deg,rgba(30,41,59,.92),rgba(51,65,85,.9));border-color:rgba(15,23,42,.3);color:#f8fafc}[data-theme=light] .category-count{background:rgba(15,23,42,.08)}[data-theme=light] .category-btn.active .category-count{background:rgba(212,175,55,.28);color:#fef3c7}[data-theme=light] .achievement-card:hover{box-shadow:0 14px 32px rgba(15,23,42,.16)}[data-theme=light] .achievement-card.locked{opacity:.92}[data-theme=light] .achievement-icon{background:#e9eff8;color:#475569}[data-theme=light] .lock-overlay{background:rgba(15,23,42,.46);color:#f8fafc}[data-theme=light] .xp-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}