:root{--tg-theme-bg-color: #0f0f23;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: rgba(255, 255, 255, .6);--tg-theme-link-color: #64ffda;--tg-theme-button-color: #00e676;--tg-theme-button-text-color: #000000;--color-primary: #00e676;--color-primary-dark: #00c853;--color-primary-light: #69f0ae;--color-secondary: #1a1a2e;--color-accent: #64ffda;--color-accent-dark: #00bfa5;--color-danger: #ff5252;--color-warning: #ffab00;--color-success: #00e676;--color-info: #2196f3;--gradient-primary: linear-gradient(135deg, #00e676 0%, #00c853 50%, #64ffda 100%);--gradient-secondary: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);--gradient-accent: linear-gradient(135deg, #64ffda 0%, #00bfa5 100%);--gradient-danger: linear-gradient(135deg, #ff5252 0%, #f44336 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .05) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(0, 230, 118, .3);--shadow-accent: 0 0 20px rgba(100, 255, 218, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out;--bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-secondary);color:var(--tg-theme-text-color);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,230,118,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(100,255,218,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(33,150,243,.05) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite;z-index:-1}@keyframes backgroundShift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(20px) translateY(10px)}75%{transform:translate(-10px) translateY(20px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-accent)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--gradient-secondary);color:#fff;position:relative}.loading-screen:before{content:"";position:absolute;width:200px;height:200px;background:var(--gradient-primary);border-radius:50%;opacity:.1;animation:pulse 2s ease-in-out infinite}.loading-screen p{font-size:18px;font-weight:500;margin-top:var(--spacing-lg);z-index:1}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.2);opacity:.2}}.btn-primary{position:relative;width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:var(--tg-theme-button-text-color);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);overflow:hidden;box-shadow:var(--shadow-glow)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-primary:hover:before{left:100%}.btn-secondary{position:relative;width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-glass);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--gradient-card);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.glass-card{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#fff3}.animated-card{position:relative;background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);overflow:hidden}.animated-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.animated-card:hover:before{transform:scaleX(1)}.animated-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.welcome-screen{min-height:100vh;background:var(--gradient-secondary);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.welcome-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(0,230,118,.15) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(100,255,218,.15) 0%,transparent 50%);animation:rotate 30s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-content{max-width:600px;width:100%;z-index:1;position:relative}.welcome-title{font-size:clamp(36px,8vw,64px);font-weight:800;margin-bottom:var(--spacing-md);text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(0,230,118,.3))}50%{filter:drop-shadow(0 0 20px rgba(0,230,118,.6))}}.welcome-subtitle{font-size:20px;opacity:.9;margin-bottom:var(--spacing-2xl);text-align:center;font-weight:300}.welcome-description{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);line-height:1.7;box-shadow:var(--shadow-lg);animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-description ul{margin-top:var(--spacing-lg);padding-left:var(--spacing-xl)}.welcome-description li{margin-bottom:var(--spacing-sm);position:relative}.welcome-description li:before{content:"✨";position:absolute;left:-24px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.btn-primary{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--color-accent);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff26}.dashboard-page,.quests-page,.achievements-page,.profile-page,.statistics-page{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#004225,#064420)}.dashboard-page h1,.quests-page h1,.achievements-page h1,.profile-page h1,.statistics-page h1{font-size:32px;margin-bottom:var(--spacing-lg)}.class-selection-screen{min-height:100vh;background:var(--gradient-secondary);padding:var(--spacing-xl);position:relative}.class-selection-content{max-width:900px;margin:0 auto}.screen-title{font-size:clamp(24px,6vw,36px);font-weight:700;margin-bottom:var(--spacing-md);text-align:center;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screen-subtitle{font-size:18px;opacity:.8;margin-bottom:var(--spacing-2xl);text-align:center;font-weight:300}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.class-card{position:relative;background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-2xl);cursor:pointer;transition:all var(--transition-normal);text-align:center;overflow:hidden}.class-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.class-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--color-accent)}.class-card:hover:before{opacity:.1}.class-card.selected{border-color:var(--color-primary);background:var(--gradient-card);box-shadow:var(--shadow-glow);animation:selectedPulse 2s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:var(--shadow-xl),var(--shadow-glow)}}.class-card.selected:before{opacity:.15}.class-icon{font-size:80px;margin-bottom:var(--spacing-lg);display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.class-card:hover .class-icon{animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(-5px)}75%{transform:translateY(-10px)}}.class-name{font-size:28px;font-weight:700;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.class-description{font-size:16px;opacity:.9;margin-bottom:var(--spacing-lg);line-height:1.5}.class-bonus{background:#0000004d;border-radius:var(--radius-md);padding:var(--spacing-md);font-size:14px;border:1px solid rgba(255,255,255,.1)}.bonus-label{font-weight:600;color:var(--color-accent);display:block;margin-bottom:var(--spacing-xs);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.bonus-text{opacity:.9;line-height:1.4}.category-selection-screen{min-height:100vh;background:var(--gradient-secondary);padding:var(--spacing-xl)}.category-selection-content{max-width:900px;margin:0 auto}.selection-counter{text-align:center;margin-bottom:var(--spacing-xl);font-size:20px;font-weight:600;padding:var(--spacing-md);background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.selection-counter .valid{color:var(--color-success);text-shadow:0 0 10px rgba(0,230,118,.5)}.selection-counter .invalid{color:var(--color-warning);text-shadow:0 0 10px rgba(255,171,0,.5)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.category-card{position:relative;background:var(--gradient-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center;overflow:hidden}.category-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient-primary);border-radius:50%;transition:all var(--transition-normal);transform:translate(-50%,-50%);z-index:-1;opacity:.1}.category-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.category-card:hover:before{width:120%;height:120%}.category-card.selected{background:var(--gradient-card);border-color:var(--color-primary);box-shadow:var(--shadow-glow);animation:categoryPulse 1.5s ease-in-out infinite}@keyframes categoryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.category-card.selected:before{width:100%;height:100%;opacity:.2}.category-icon{font-size:56px;margin-bottom:var(--spacing-md);display:block;transition:all var(--transition-normal)}.category-card:hover .category-icon{transform:scale(1.2) rotate(5deg)}.category-card.selected .category-icon{animation:iconSpin 2s ease-in-out infinite}@keyframes iconSpin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.category-name{font-size:16px;font-weight:600;margin-bottom:var(--spacing-sm)}.check-mark{position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:var(--shadow-glow);animation:checkmarkBounce .5s var(--bounce)}@keyframes checkmarkBounce{0%{transform:scale(0) rotate(180deg)}to{transform:scale(1) rotate(0)}}.starter-quests-screen{min-height:100vh;background:var(--gradient-secondary);padding:var(--spacing-xl)}.starter-quests-content{max-width:900px;margin:0 auto}.quests-counter{text-align:center;margin-bottom:var(--spacing-xl);font-size:18px;font-weight:600;color:var(--color-accent);padding:var(--spacing-md);background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(100,255,218,.2);box-shadow:var(--shadow-accent)}.quests-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.quest-card{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.quest-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:var(--gradient-primary);transition:left .5s ease-out}.quest-card.enabled{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.quest-card.enabled:before{left:0}.quest-card.enabled:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.quest-card.disabled{opacity:.6;border-color:#ffffff0d}.quest-header{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:flex-start}.quest-toggle{flex-shrink:0;margin-top:4px}.toggle-checkbox{width:28px;height:28px;cursor:pointer;accent-color:var(--color-primary);transform:scale(1.2)}.quest-info{flex:1}.quest-title{font-size:20px;font-weight:700;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quest-description{font-size:16px;opacity:.9;line-height:1.6}.quest-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.quest-rewards{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.reward-badge{background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:var(--radius-full);font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast)}.reward-badge:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.reward-badge.xp{color:#fbbf24;border-color:#fbbf244d;box-shadow:0 0 10px #fbbf2433}.reward-badge.crystal{color:#60a5fa;border-color:#60a5fa4d;box-shadow:0 0 10px #60a5fa33}.difficulty-badge{background:var(--gradient-accent);color:var(--tg-theme-button-text-color);padding:6px 12px;border-radius:var(--radius-full);font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;box-shadow:var(--shadow-accent)}.btn-edit{background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:8px 16px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn-edit:hover{background:var(--gradient-card);transform:translateY(-2px);box-shadow:var(--shadow-md)}.reward-screen{min-height:100vh;background:var(--gradient-secondary);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.reward-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,230,118,.1) 0%,transparent 70%),radial-gradient(circle at 20% 80%,rgba(100,255,218,.1) 0%,transparent 70%),radial-gradient(circle at 80% 20%,rgba(33,150,243,.1) 0%,transparent 70%);animation:rewardGlow 4s ease-in-out infinite}@keyframes rewardGlow{0%,to{opacity:.5}50%{opacity:1}}.reward-content{max-width:700px;width:100%;text-align:center;z-index:1;position:relative}.reward-animation{margin-bottom:var(--spacing-2xl);position:relative}.reward-icon{font-size:140px;animation:rewardBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,230,118,.6))}@keyframes rewardBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.1)}50%{transform:translateY(-10px) scale(1.05)}75%{transform:translateY(-15px) scale(1.08)}}.reward-title{font-size:clamp(32px,8vw,48px);font-weight:800;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.reward-subtitle{font-size:20px;opacity:.9;margin-bottom:var(--spacing-2xl);font-weight:300}.rewards-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.reward-item{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);text-align:left;transition:all var(--transition-normal);animation:slideInUp .6s ease-out}.reward-item:nth-child(2){animation-delay:.1s}.reward-item:nth-child(3){animation-delay:.2s}.reward-item:nth-child(4){animation-delay:.3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reward-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fff3}.reward-item-icon{font-size:64px;flex-shrink:0;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reward-item-content h3{font-size:22px;font-weight:700;margin-bottom:var(--spacing-xs);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reward-item-content p{font-size:16px;opacity:.9;line-height:1.5}.motivation-message{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);line-height:1.7;font-size:18px;box-shadow:var(--shadow-lg)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none}.profile-page{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#004225,#064420)}.profile-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.profile-header h1{font-size:32px;margin:0}.profile-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--color-primary)}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px}.info-card{background:#ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-lg)}.info-card h2{font-size:20px;margin-bottom:var(--spacing-md);color:var(--color-accent)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row .label{font-weight:600;opacity:.8}.info-row .value{font-weight:500}.class-badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.class-warrior{background:#ef444433;color:#fca5a5}.class-mage{background:#9333ea33;color:#c4b5fd}.class-merchant{background:#f59e0b33;color:#fcd34d}.class-diplomat{background:#3b82f633;color:#93c5fd}.danger-zone{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-lg)}.danger-zone h2{color:var(--color-danger);font-size:18px;margin-bottom:var(--spacing-md)}.danger-warning{font-size:14px;opacity:.9;margin-bottom:var(--spacing-lg);line-height:1.5}.reset-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.reset-button:hover{background:#dc2626;transform:translateY(-2px)}.reset-button:active{transform:translateY(0)}.reset-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.confirm-reset{text-align:center}.confirm-text{font-size:16px;margin-bottom:var(--spacing-md)}.reset-list{text-align:left;margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.reset-list li{margin-bottom:var(--spacing-xs);font-size:14px}.confirm-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.confirm-reset-button{flex:1;padding:var(--spacing-md);background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-reset-button:hover{background:#dc2626}.confirm-reset-button:disabled{opacity:.5;cursor:not-allowed}.cancel-reset-button{flex:1;padding:var(--spacing-md);background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-reset-button:hover{background:#ffffff26}.cancel-reset-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-page,.quests-page,.achievements-page,.profile-page,.statistics-page{min-height:100vh;padding:var(--spacing-xl);background:var(--gradient-secondary);position:relative}.dashboard-page h1,.quests-page h1,.achievements-page h1,.profile-page h1,.statistics-page h1{font-size:clamp(28px,6vw,40px);margin-bottom:var(--spacing-xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.profile-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg)}.profile-header h1{font-size:clamp(28px,6vw,40px);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.profile-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--color-primary);box-shadow:var(--shadow-glow);transition:all var(--transition-normal)}.profile-avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-xl),var(--shadow-glow)}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:800px}.info-card{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-2xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.info-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#fff3}.info-card:hover:before{transform:scaleX(1)}.info-card h2{font-size:24px;margin-bottom:var(--spacing-lg);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.info-row:last-child{border-bottom:none}.info-row:hover{background:#ffffff0d;border-radius:var(--radius-sm);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.info-row .label{font-weight:600;opacity:.8;font-size:16px}.info-row .value{font-weight:600;font-size:16px}.class-badge{padding:8px 16px;border-radius:var(--radius-full);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.class-badge:hover{transform:scale(1.05)}.class-warrior{background:var(--gradient-danger);color:#fff;box-shadow:0 0 20px #ff52524d}.class-mage{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;box-shadow:0 0 20px #9c27b04d}.class-merchant{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 0 20px #ff98004d}.class-diplomat{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 0 20px #2196f34d}.danger-zone{background:linear-gradient(135deg,#ff52521a,#f443360d);border:2px solid rgba(255,82,82,.3);border-radius:var(--radius-xl);padding:var(--spacing-2xl);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.danger-zone:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-danger);animation:dangerPulse 2s ease-in-out infinite}@keyframes dangerPulse{0%,to{opacity:.5}50%{opacity:1}}.danger-zone h2{color:var(--color-danger);font-size:22px;margin-bottom:var(--spacing-lg);font-weight:700;text-shadow:0 0 10px rgba(255,82,82,.3)}.danger-warning{font-size:16px;opacity:.9;margin-bottom:var(--spacing-xl);line-height:1.6;padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--radius-md);border-left:4px solid var(--color-danger)}.reset-button{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--gradient-danger);color:#fff;border:none;border-radius:var(--radius-lg);font-size:18px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.reset-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.reset-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl),0 0 30px #ff525266}.reset-button:hover:before{left:100%}.reset-button:active{transform:translateY(-1px)}.reset-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.confirm-reset{text-align:center;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-text{font-size:18px;margin-bottom:var(--spacing-lg);font-weight:600}.reset-list{text-align:left;margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:#0003;border-radius:var(--radius-md);border:1px solid rgba(255,82,82,.2)}.reset-list li{margin-bottom:var(--spacing-sm);font-size:16px;padding:var(--spacing-xs) 0;transition:all var(--transition-fast)}.reset-list li:hover{color:var(--color-danger);transform:translate(5px)}.confirm-buttons{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.confirm-reset-button{flex:1;padding:var(--spacing-lg);background:var(--gradient-danger);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.confirm-reset-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #ff525266}.confirm-reset-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-reset-button{flex:1;padding:var(--spacing-lg);background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.cancel-reset-button:hover{background:var(--gradient-card);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.cancel-reset-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none!important;box-shadow:none!important}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center;gap:var(--spacing-md)}.confirm-buttons{flex-direction:column;gap:var(--spacing-md)}.class-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background:var(--gradient-primary);color:var(--tg-theme-button-text-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;text-align:center;animation:successSlide .5s ease-out}@keyframes successSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-avatar-container{position:relative;display:flex;align-items:center;justify-content:center}.profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--tg-theme-button-text-color);box-shadow:var(--shadow-glow);transition:all var(--transition-normal)}.profile-avatar-placeholder:hover{transform:scale(1.1);box-shadow:var(--shadow-xl),var(--shadow-glow)}.avatar-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:var(--gradient-primary);opacity:.2;animation:avatarPulse 3s ease-in-out infinite;z-index:-1}@keyframes avatarPulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.4}}.profile-header-info{flex:1;text-align:left}.class-description{font-size:16px;opacity:.8;margin-top:var(--spacing-sm);font-style:italic}.level-progress-section{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:#0003;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.current-level{font-size:24px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-info{font-size:18px;font-weight:600;color:var(--color-accent)}.progress-bar-container{position:relative}.progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 4px #0003}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 1s ease-out;position:relative;overflow:hidden}.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:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-next{font-size:14px;opacity:.8;margin-top:var(--spacing-sm);display:block;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.stat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fff3}.stat-icon{font-size:32px;flex-shrink:0;animation:statFloat 3s ease-in-out infinite}@keyframes statFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.stat-content{display:flex;flex-direction:column;align-items:flex-start}.stat-value{font-size:20px;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.stat-label{font-size:14px;opacity:.8;font-weight:500}.class-bonus-info{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg);background:#0003;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.bonus-icon{font-size:64px;flex-shrink:0;animation:bonusFloat 4s ease-in-out infinite}@keyframes bonusFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-4px) rotate(0)}75%{transform:translateY(-8px) rotate(-2deg)}}.bonus-content h3{font-size:24px;font-weight:700;margin-bottom:var(--spacing-sm);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bonus-description{font-size:16px;opacity:.9;margin-bottom:var(--spacing-md);line-height:1.5}.bonus-effect{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bonus-label{font-size:14px;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px}.bonus-text{font-size:16px;font-weight:600;color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);background:#00e6761a;border-radius:var(--radius-md);border:1px solid rgba(0,230,118,.2)}.settings-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-completed{color:var(--color-success);font-weight:600;text-shadow:0 0 10px rgba(0,230,118,.3)}.status-pending{color:var(--color-warning);font-weight:600;text-shadow:0 0 10px rgba(255,171,0,.3)}.achievements-preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.achievement-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.achievement-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#fff3}.achievement-icon{font-size:40px;flex-shrink:0;animation:achievementBob 3s ease-in-out infinite}@keyframes achievementBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.achievement-content{flex:1}.achievement-content h4{font-size:18px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-accent)}.achievement-content p{font-size:14px;opacity:.8;line-height:1.4}.achievement-status{font-size:24px;flex-shrink:0}.achievement-status.unlocked{color:var(--color-success);animation:achievementGlow 2s ease-in-out infinite}@keyframes achievementGlow{0%,to{text-shadow:0 0 10px rgba(0,230,118,.3)}50%{text-shadow:0 0 20px rgba(0,230,118,.6)}}.achievement-status.locked{opacity:.5}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.profile-header-info{text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.class-bonus-info{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.achievement-item{flex-direction:column;text-align:center;gap:var(--spacing-md)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.level-info{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg)}.welcome-section{flex:1}.welcome-title{font-size:clamp(24px,6vw,36px);font-weight:800;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.motivational-quote{font-size:18px;opacity:.9;font-style:italic;color:var(--color-accent);animation:fadeInUp 1s ease-out}.time-widget{text-align:right;padding:var(--spacing-md);background:#0003;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.current-time{font-size:32px;font-weight:700;color:var(--color-primary);text-shadow:0 0 10px rgba(0,230,118,.3)}.current-date{font-size:14px;opacity:.8;text-transform:capitalize}.dashboard-card{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#fff3}.dashboard-card:hover:before{transform:scaleX(1)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.card-header h2{font-size:24px;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-badge{background:var(--gradient-primary);color:var(--tg-theme-button-text-color);padding:8px 16px;border-radius:var(--radius-full);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-glow)}.level-progress-container{margin:var(--spacing-xl) 0}.xp-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.current-xp{font-size:24px;font-weight:700;color:var(--color-primary)}.next-level{font-size:16px;opacity:.8}.progress-bar-modern{width:100%;height:16px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0003}.progress-fill-modern{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 1.5s ease-out;position:relative;overflow:hidden}.progress-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressGlow 2s ease-in-out infinite}@keyframes progressGlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.stat-bubble{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.stat-bubble:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-bubble .stat-icon{font-size:28px;animation:statBounce 3s ease-in-out infinite}@keyframes statBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:20px;font-weight:700;color:var(--color-primary)}.stat-label{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.add-quest-btn{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);border:none;color:var(--tg-theme-button-text-color);font-size:24px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-glow)}.add-quest-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-xl),var(--shadow-glow)}.quests-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.quest-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal);position:relative;overflow:hidden}.quest-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);transform:scaleY(0);transition:transform var(--transition-normal)}.quest-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.quest-item:hover:before{transform:scaleY(1)}.quest-item.completed{opacity:.7;background:var(--gradient-glass)}.quest-item.completed .quest-title{text-decoration:line-through;opacity:.6}.quest-checkbox{position:relative;width:24px;height:24px}.quest-checkbox input{width:100%;height:100%;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;width:24px;height:24px;background:#ffffff1a;border:2px solid var(--color-primary);border-radius:6px;transition:all var(--transition-normal)}.quest-checkbox input:checked+.checkmark{background:var(--gradient-primary);transform:scale(1.1)}.quest-checkbox input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--tg-theme-button-text-color);font-weight:700;font-size:14px}.quest-content{flex:1}.quest-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing-xs);color:#fff}.quest-meta{display:flex;gap:var(--spacing-sm);align-items:center}.quest-category{font-size:14px;opacity:.8;color:var(--color-accent)}.difficulty-tag{font-size:12px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.difficulty-tag.easy{background:#4caf5033;color:#81c784}.difficulty-tag.medium{background:#ff980033;color:#ffb74d}.difficulty-tag.hard{background:#f4433633;color:#e57373}.quest-rewards{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:right}.xp-reward{font-size:14px;font-weight:600;color:#fbbf24}.crystal-reward{font-size:14px;font-weight:600;color:#60a5fa}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.progress-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.progress-circle{position:relative;width:120px;height:120px}.circular-progress{width:100%;height:100%;transform:rotate(-90deg)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percentage{display:block;font-size:24px;font-weight:700;color:var(--color-primary)}.progress-label{font-size:12px;opacity:.8}.progress-stats{display:flex;gap:var(--spacing-xl);text-align:center}.progress-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-number{font-size:20px;font-weight:700;color:var(--color-accent)}.stat-text{font-size:12px;opacity:.8}.achievements-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.achievement-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gradient-card);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.achievement-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.achievement-item.unlocked{border-color:var(--color-primary);box-shadow:0 0 10px #00e67633}.achievement-item.locked{opacity:.6}.achievement-icon{font-size:32px;flex-shrink:0}.achievement-info{flex:1}.achievement-info h4{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-accent)}.achievement-info p{font-size:14px;opacity:.8;line-height:1.4}.achievement-progress{margin-top:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar-small{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-fill-small{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 1s ease-out}.progress-text-small{font-size:12px;opacity:.8;white-space:nowrap}.unlock-badge{font-size:20px;animation:unlockPulse 2s ease-in-out infinite}@keyframes unlockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.categories-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.category-item{padding:var(--spacing-lg);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.category-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.category-icon{font-size:24px}.category-name{flex:1;font-size:16px;font-weight:600}.category-xp{font-size:14px;font-weight:600;color:var(--color-accent)}.category-progress{width:100%;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.category-bar{height:100%;border-radius:var(--radius-full);transition:width 1s ease-out;position:relative;overflow:hidden}.category-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:categoryShine 2s ease-in-out infinite}@keyframes categoryShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.time-widget{text-align:center}.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.progress-stats{flex-direction:column;gap:var(--spacing-md)}}@media (max-width: 480px){.stats-row{grid-template-columns:1fr}.quest-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.quest-rewards{align-self:flex-end;flex-direction:row;gap:var(--spacing-md)}}