.app-header[data-v-2fdde3db]{position:fixed;top:0;left:0;right:0;background:var(--card-background);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease;box-shadow:var(--shadow-sm)}.header-content[data-v-2fdde3db]{display:flex;align-items:center;height:72px;gap:0;position:relative;width:100%}.logo[data-v-2fdde3db]{text-decoration:none;color:var(--text-primary);display:flex;align-items:center;gap:10px;transition:transform .2s ease;flex-shrink:0;z-index:1001;margin-right:48px;min-width:200px;max-width:200px;position:relative;cursor:pointer;pointer-events:auto}.logo[data-v-2fdde3db]:hover{transform:translateY(-1px)}.logo-icon[data-v-2fdde3db]{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:var(--shadow-md);transition:all .2s ease}.logo:hover .logo-icon[data-v-2fdde3db]{transform:scale(1.05);box-shadow:var(--shadow-lg)}.logo-text[data-v-2fdde3db]{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .2s ease}.nav[data-v-2fdde3db]{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-start;min-width:0;overflow:visible;padding-left:0;margin-left:0;margin-right:24px}@media (min-width: 769px){.nav[data-v-2fdde3db]{display:flex;position:static;height:auto;width:auto;max-width:none;min-height:auto;transform:none;opacity:1;visibility:visible;overflow:visible}}.nav-link[data-v-2fdde3db]{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;padding:10px 16px;border-radius:10px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;position:relative;white-space:nowrap;flex-shrink:0}.nav-link[data-v-2fdde3db]:hover{color:var(--primary-color);background:var(--bg-tertiary)}.nav-link.router-link-active[data-v-2fdde3db]{color:var(--primary-color);background:var(--bg-secondary);font-weight:600}.nav-link.router-link-active[data-v-2fdde3db]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:2px}.user-menu[data-v-2fdde3db]{display:flex;align-items:center;gap:12px;position:relative;flex-shrink:0;z-index:2;margin-left:auto}.notifications-wrapper[data-v-2fdde3db]{position:relative}.user-profile-btn[data-v-2fdde3db]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-md)}.user-profile-btn[data-v-2fdde3db]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.user-icon[data-v-2fdde3db]{font-size:18px}.user-profile-link[data-v-2fdde3db]{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .2s ease;border:1px solid transparent;flex-shrink:0}.user-profile-link[data-v-2fdde3db]:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.user-avatar-small[data-v-2fdde3db]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0;box-shadow:var(--shadow-sm)}.user-nickname[data-v-2fdde3db]{font-size:15px;font-weight:600;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info[data-v-2fdde3db]{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-balance[data-v-2fdde3db]{font-weight:600;color:var(--success-color);font-size:14px}.user-email[data-v-2fdde3db]{font-size:12px;color:var(--text-secondary)}.user-actions[data-v-2fdde3db]{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-logout[data-v-2fdde3db]{color:var(--error-color);border-color:#ef44444d}.btn-logout[data-v-2fdde3db]:hover{background:#ef44441a;border-color:#ef444480;color:#dc2626}.auth-buttons[data-v-2fdde3db]{display:flex;align-items:center;gap:12px;margin-left:auto}.mobile-menu-btn[data-v-2fdde3db]{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1002}.mobile-menu-btn span[data-v-2fdde3db]{width:20px;height:2px;background:var(--text-primary);margin:2px 0;transition:all .3s ease;border-radius:1px}.mobile-menu-btn.active span[data-v-2fdde3db]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span[data-v-2fdde3db]:nth-child(2){opacity:0}.mobile-menu-btn.active span[data-v-2fdde3db]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.header-content[data-v-2fdde3db]{justify-content:space-between}.logo[data-v-2fdde3db]{margin-right:auto;min-width:auto;max-width:none}.mobile-menu-btn[data-v-2fdde3db]{display:flex;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1002}.nav[data-v-2fdde3db]{position:fixed!important;inset:72px 0 0!important;width:100vw!important;max-width:100vw!important;height:calc(100vh - 72px)!important;min-height:calc(100vh - 72px)!important;max-height:none!important;background:var(--card-background)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);flex-direction:column!important;padding:24px 20px!important;gap:20px!important;transform:translate(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1003!important;box-shadow:var(--shadow-lg);overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;display:flex!important;flex:none!important;margin:0!important;align-items:stretch!important;justify-content:flex-start!important}.nav.nav-open[data-v-2fdde3db]{transform:translate(0);opacity:1;visibility:visible}.nav-link[data-v-2fdde3db]{padding:16px 20px;background:var(--bg-secondary);border-radius:12px;text-align:center;font-weight:500;font-size:16px;transition:all .3s ease;color:var(--text-primary);border:1px solid var(--border-color);width:100%;display:flex;align-items:center;justify-content:center;min-height:48px}.nav-link[data-v-2fdde3db]:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateY(-1px);color:var(--primary-color)}.nav-link.router-link-active[data-v-2fdde3db]{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.user-menu[data-v-2fdde3db]{flex-direction:column;align-items:stretch;gap:20px;width:100%}.user-profile-link[data-v-2fdde3db]{width:100%;justify-content:center;padding:16px 20px;font-size:16px;min-height:56px}.user-avatar-small[data-v-2fdde3db]{width:40px;height:40px;font-size:18px}.user-nickname[data-v-2fdde3db]{max-width:none}.user-info[data-v-2fdde3db]{align-items:center;text-align:center}.user-actions[data-v-2fdde3db]{justify-content:center;flex-direction:column;gap:12px;width:100%}.user-actions .btn[data-v-2fdde3db]{width:100%;padding:14px 20px;font-size:16px;min-height:48px}.auth-buttons[data-v-2fdde3db]{flex-direction:column;width:100%;gap:12px}.auth-buttons .btn[data-v-2fdde3db]{width:100%;padding:14px 20px;font-size:16px;min-height:48px}.theme-toggle-btn[data-v-2fdde3db],.notifications-btn[data-v-2fdde3db]{width:100%;padding:14px 20px;font-size:16px;min-height:48px;justify-content:center}}.notifications-btn[data-v-2fdde3db]{position:relative;padding:10px 14px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.notifications-icon[data-v-2fdde3db]{font-size:18px}.notification-badge[data-v-2fdde3db]{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600;min-width:18px;text-align:center;line-height:1.4}.notifications-btn.has-unread[data-v-2fdde3db]{animation:pulse-2fdde3db 2s infinite}@keyframes pulse-2fdde3db{0%,to{opacity:1}50%{opacity:.7}}.theme-toggle-btn[data-v-2fdde3db]{display:flex;align-items:center;justify-content:center;padding:8px 12px;transition:all .3s ease}.theme-toggle-btn[data-v-2fdde3db]:hover{transform:scale(1.05)}.theme-icon[data-v-2fdde3db]{font-size:1.2rem;line-height:1;transition:transform .3s ease}.theme-toggle-btn:hover .theme-icon[data-v-2fdde3db]{transform:rotate(15deg)}.notifications-overlay[data-v-2fdde3db]{position:fixed;inset:0;background:#0000004d;z-index:999;pointer-events:auto}.mobile-menu-overlay[data-v-2fdde3db]{position:fixed;inset:72px 0 0;background:#00000080;z-index:1002;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:none}@media (max-width: 768px){.mobile-menu-overlay[data-v-2fdde3db]{display:block}.nav[data-v-2fdde3db]{display:flex!important}.nav-link[data-v-2fdde3db],.user-menu[data-v-2fdde3db],.user-profile-link[data-v-2fdde3db],.user-actions[data-v-2fdde3db],.auth-buttons[data-v-2fdde3db]{display:flex!important;visibility:visible!important;opacity:1!important}}.logo[data-v-2fdde3db]{pointer-events:auto!important;z-index:1002!important}.notifications-dropdown[data-v-2fdde3db]{position:absolute;top:calc(100% + 10px);right:0;width:400px;max-width:calc(100vw - 40px);max-height:600px;background:var(--card-background);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1001;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}.notifications-header[data-v-2fdde3db]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.notifications-header h3[data-v-2fdde3db]{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.notifications-actions[data-v-2fdde3db]{display:flex;gap:8px;align-items:center}.notifications-list[data-v-2fdde3db]{overflow-y:auto;max-height:500px}.notifications-loading[data-v-2fdde3db],.notifications-empty[data-v-2fdde3db]{padding:40px 20px;text-align:center;color:var(--text-secondary)}.notification-item[data-v-2fdde3db]{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;position:relative}.notification-item[data-v-2fdde3db]:hover{background:var(--bg-tertiary)}.notification-item.unread[data-v-2fdde3db]{background:var(--bg-secondary)}.notification-item.unread[data-v-2fdde3db]:hover{background:var(--bg-tertiary)}.notification-icon[data-v-2fdde3db]{font-size:24px;flex-shrink:0}.notification-content[data-v-2fdde3db]{flex:1;min-width:0}.notification-title[data-v-2fdde3db]{font-weight:600;font-size:14px;margin-bottom:4px;color:#111827}.notification-message[data-v-2fdde3db]{font-size:13px;color:#6b7280;margin-bottom:6px;line-height:1.4;word-wrap:break-word}.notification-time[data-v-2fdde3db]{font-size:11px;color:#9ca3af}.notification-unread-dot[data-v-2fdde3db]{position:absolute;top:16px;right:16px;width:8px;height:8px;background:#3b82f6;border-radius:50%;flex-shrink:0}@media (max-width: 768px){.notifications-dropdown[data-v-2fdde3db]{width:calc(100vw - 20px);right:10px;left:10px}}@media (max-width: 480px){.header-content[data-v-2fdde3db]{height:60px}.logo-icon[data-v-2fdde3db]{width:32px;height:32px;font-size:16px}.logo-text[data-v-2fdde3db]{font-size:20px}.nav[data-v-2fdde3db]{top:60px}}.app-footer[data-v-1fb822f0]{background:#1f2937;color:#fff;padding:48px 0 24px;margin-top:auto}.container[data-v-1fb822f0]{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content[data-v-1fb822f0]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}.footer-section[data-v-1fb822f0]{display:flex;flex-direction:column}.footer-main[data-v-1fb822f0]{max-width:400px}.footer-logo[data-v-1fb822f0]{display:flex;align-items:center;gap:8px;margin-bottom:16px}.logo-icon[data-v-1fb822f0]{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.logo-text[data-v-1fb822f0]{font-size:20px;font-weight:700}.footer-description[data-v-1fb822f0]{color:#9ca3af;margin-bottom:16px;line-height:1.6}.footer-title[data-v-1fb822f0]{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff}.footer-links[data-v-1fb822f0]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-link[data-v-1fb822f0]{color:#9ca3af;text-decoration:none;transition:color .2s ease;font-size:14px}.footer-link[data-v-1fb822f0]:hover{color:#fff}.social-link-item[data-v-1fb822f0]{display:flex;align-items:center;gap:.75rem}.social-icon[data-v-1fb822f0]{width:24px;height:24px;flex-shrink:0;object-fit:contain}.footer-bottom[data-v-1fb822f0]{border-top:1px solid #374151;padding-top:32px}.footer-bottom-content[data-v-1fb822f0]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright[data-v-1fb822f0]{color:#9ca3af;font-size:14px}.footer-copyright p[data-v-1fb822f0]{margin:0}.footer-copyright p[data-v-1fb822f0]:first-child{margin-bottom:4px}.footer-made-with[data-v-1fb822f0]{color:#9ca3af;font-size:14px}.footer-made-with p[data-v-1fb822f0]{margin:0}@media (max-width: 768px){.footer-content[data-v-1fb822f0]{grid-template-columns:1fr;gap:24px}.footer-main[data-v-1fb822f0]{max-width:none}.footer-bottom-content[data-v-1fb822f0]{flex-direction:column;text-align:center}}@media (max-width: 480px){.app-footer[data-v-1fb822f0]{padding:32px 0 16px}.footer-content[data-v-1fb822f0]{gap:20px}.footer-bottom[data-v-1fb822f0]{padding-top:24px}}.cookie-banner[data-v-701af371]{position:fixed;left:0;right:0;bottom:0;z-index:10000;background:#0f172af5;color:#fff}.cookie-content[data-v-701af371]{max-width:1200px;margin:0 auto;padding:8px 12px}.cookie-row[data-v-701af371]{display:flex;align-items:center;gap:10px}.cookie-text[data-v-701af371]{margin:0;flex:1 1 auto;font-size:14px;line-height:1.3}.cookie-actions[data-v-701af371]{display:inline-flex;gap:8px;flex-wrap:nowrap}.btn-sm[data-v-701af371]{padding:8px 12px;font-size:14px;min-height:38px}.link[data-v-701af371]{color:#93c5fd;text-decoration:underline;margin-left:8px}.link-button[data-v-701af371]{background:none;border:none;padding:0;font:inherit;cursor:pointer}.cookie-options[data-v-701af371]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding-top:6px;border-top:1px solid rgba(255,255,255,.15);margin-top:6px}.opt[data-v-701af371]{font-size:14px;display:inline-flex;align-items:center;gap:6px}.cookie-opts-actions[data-v-701af371]{display:inline-flex;gap:8px;justify-self:end}@media (max-width: 520px){.cookie-row[data-v-701af371]{flex-direction:column;align-items:stretch;gap:6px}.cookie-actions[data-v-701af371],.cookie-actions .btn-sm[data-v-701af371]{width:100%}.cookie-options[data-v-701af371]{grid-template-columns:1fr}.cookie-opts-actions[data-v-701af371]{justify-self:stretch}.cookie-opts-actions .btn-sm[data-v-701af371]{width:100%}}.fade-enter-active[data-v-701af371],.fade-leave-active[data-v-701af371]{transition:opacity .15s ease}.fade-enter-from[data-v-701af371],.fade-leave-to[data-v-701af371]{opacity:0}.onboarding-modal-overlay[data-v-0baf7d28]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn-0baf7d28 .3s ease}@keyframes fadeIn-0baf7d28{0%{opacity:0}to{opacity:1}}.onboarding-modal-content[data-v-0baf7d28]{background:var(--card-background);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp-0baf7d28 .3s ease;display:flex;flex-direction:column}@media (min-width: 769px){.onboarding-modal-content[data-v-0baf7d28]{overflow-y:visible;max-height:none}.onboarding-body[data-v-0baf7d28]{overflow:visible}}@keyframes slideUp-0baf7d28{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.onboarding-header[data-v-0baf7d28]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.onboarding-header h2[data-v-0baf7d28]{margin:0;font-size:1.75rem;font-weight:700}.modal-close[data-v-0baf7d28]{background:#fff3;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close[data-v-0baf7d28]:hover{background:#ffffff4d;transform:rotate(90deg)}.onboarding-body[data-v-0baf7d28]{padding:32px 24px;flex:1;overflow:visible}@media (min-width: 769px){.onboarding-body[data-v-0baf7d28]{padding:24px 20px}}.onboarding-steps[data-v-0baf7d28]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 769px){.onboarding-steps[data-v-0baf7d28]{gap:12px;margin-bottom:20px}}.onboarding-step[data-v-0baf7d28]{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:12px;background:var(--bg-secondary);transition:all .3s ease;opacity:.5;transform:scale(.95)}@media (min-width: 769px){.onboarding-step[data-v-0baf7d28]{padding:16px;gap:12px}.onboarding-step.active[data-v-0baf7d28]{padding:18px}}.onboarding-step.active[data-v-0baf7d28]{opacity:1;transform:scale(1);background:var(--bg-primary);box-shadow:0 4px 12px #667eea33;border:2px solid #667eea}.step-icon[data-v-0baf7d28]{font-size:3rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d}@media (min-width: 769px){.step-icon[data-v-0baf7d28]{font-size:2.5rem;width:50px;height:50px}}.onboarding-step.active .step-icon[data-v-0baf7d28]{animation:pulse-0baf7d28 2s infinite}@keyframes pulse-0baf7d28{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.onboarding-step h3[data-v-0baf7d28]{margin:0 0 8px;font-size:1.25rem;color:var(--text-primary);font-weight:600}@media (min-width: 769px){.onboarding-step h3[data-v-0baf7d28]{font-size:1.1rem;margin-bottom:6px}}.onboarding-step p[data-v-0baf7d28]{margin:0;color:var(--text-secondary);line-height:1.6;font-size:1rem}@media (min-width: 769px){.onboarding-step p[data-v-0baf7d28]{font-size:.9rem;line-height:1.5}}.onboarding-progress[data-v-0baf7d28]{display:flex;align-items:center;gap:12px;margin-top:24px}@media (min-width: 769px){.onboarding-progress[data-v-0baf7d28]{margin-top:16px}}.progress-bar[data-v-0baf7d28]{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill[data-v-0baf7d28]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-text[data-v-0baf7d28]{font-size:14px;font-weight:600;color:var(--text-secondary);min-width:50px;text-align:right}.onboarding-footer[data-v-0baf7d28]{display:flex;gap:12px;padding:24px;border-top:1px solid var(--border-color);justify-content:space-between;flex-wrap:wrap}.skip-btn[data-v-0baf7d28]{margin-left:auto}@media (max-width: 768px){.onboarding-modal-content[data-v-0baf7d28]{max-width:100%;margin:0;border-radius:16px 16px 0 0}.onboarding-header h2[data-v-0baf7d28]{font-size:1.5rem}.onboarding-body[data-v-0baf7d28]{padding:24px 16px}.onboarding-step[data-v-0baf7d28]{flex-direction:column;text-align:center;align-items:center}.step-icon[data-v-0baf7d28]{width:80px;height:80px;font-size:3.5rem}.onboarding-footer[data-v-0baf7d28]{flex-direction:column}.skip-btn[data-v-0baf7d28]{margin-left:0;width:100%}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background-color);transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:48px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:all .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;background-color:var(--card-background);color:var(--text-primary);transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:#ef4444}.form-error{color:#ef4444;font-size:14px;margin-top:4px}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.alert{padding:16px;border-radius:8px;margin-bottom:20px}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.text-center{text-align:center}.text-right{text-align:right}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.container{padding:0 16px}.main-content{padding-top:70px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}:root{--primary-color: #3b82f6;--primary-dark: #1d4ed8;--secondary-color: #6b7280;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--background-color: #f9fafb;--card-background: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}[data-theme=dark]{--primary-color: #60a5fa;--primary-dark: #3b82f6;--secondary-color: #9ca3af;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--background-color: #1a1a1a;--card-background: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--bg-primary: #2d2d2d;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6}.profile-page{min-height:100vh;background-color:var(--background-color)}.profile-container{max-width:1200px;margin:0 auto;padding:0 1rem}.profile-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:3rem 0}.profile-header-content{display:flex;align-items:center;gap:2rem}.profile-avatar-section{position:relative}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;overflow:hidden;border:4px solid white;box-shadow:var(--shadow-lg)}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-text{font-size:3rem;font-weight:700}.profile-badge{position:absolute;bottom:0;right:0;background:var(--success-color);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:3px solid white}.profile-info h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.profile-email{font-size:1.1rem;opacity:.9;margin-bottom:.25rem}.profile-city{font-size:1rem;opacity:.8}.profile-main{padding:2rem 0}.balance-stats-row{display:flex;gap:2rem;margin-bottom:2rem;align-items:flex-start}.balance-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;padding:2rem;border-radius:1rem;box-shadow:var(--shadow);text-align:center;min-width:300px}.balance-amount{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.balance-label{font-size:1.1rem;margin-bottom:1rem;opacity:.8}.balance-button{display:inline-block;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .3s ease}.balance-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stats-row{display:flex;gap:1rem;flex-wrap:wrap;flex:1}.stat-card{background:var(--card-background);padding:1rem .75rem;border-radius:.75rem;box-shadow:var(--shadow);text-align:center;flex:1;min-width:120px;max-width:100%;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:1.75rem;margin-bottom:.5rem;line-height:1}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;line-height:1.2}.stat-label{font-size:.75rem;color:var(--text-secondary);line-height:1.3;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .25rem}.profile-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.profile-form-card{background:var(--card-background);padding:2rem;border-radius:1rem;box-shadow:var(--shadow)}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.avatar-form-container{display:flex;align-items:center;gap:1rem}.avatar-preview{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-upload-section{flex:1}.avatar-upload-button{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .3s ease}.avatar-upload-button:hover{background:var(--primary-dark)}.avatar-upload-info{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.submit-button{background:var(--primary-color);color:#fff;padding:.75rem 2rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.submit-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--card-background);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow)}.sidebar-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.sidebar-actions{display:flex;flex-direction:column;gap:.75rem}.sidebar-button{display:block;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:500;text-align:center;transition:all .3s ease}.sidebar-button-primary{background:var(--primary-color);color:#fff}.sidebar-button-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sidebar-button-outline{background:var(--card-background);color:var(--text-primary);border:1px solid var(--border-color)}.sidebar-button-outline:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.achievements-list{display:flex;flex-direction:column;gap:.75rem}.achievement-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--background-color);border-radius:.5rem;border:1px solid var(--border-color);transition:all .3s ease}.achievement-item:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow)}.achievement-content{display:flex;align-items:center;gap:.75rem}.achievement-icon{font-size:1.5rem}.achievement-text{display:flex;flex-direction:column}.achievement-name{font-weight:500;font-size:.875rem;color:var(--text-primary)}.achievement-desc{font-size:.75rem;color:var(--text-secondary)}.achievement-status{font-size:1.25rem;font-weight:700}.achievement-status.completed{color:var(--success-color)}.achievement-status.locked{color:var(--border-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.balance-stats-row{flex-direction:column}.stats-row{justify-content:space-around}.profile-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.profile-header-content{flex-direction:column;text-align:center}.stats-row{flex-direction:row;flex-wrap:wrap;gap:.75rem}.stat-card{min-width:100px;padding:.75rem .5rem}.stat-label{font-size:.7rem}.avatar-form-container{flex-direction:column;text-align:center}}.danger-zone{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #ff6b6b;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #dc35451a,0 2px 4px -2px #dc35451a;transition:all .3s ease}.danger-zone:hover{box-shadow:0 10px 15px -3px #dc354533,0 4px 6px -4px #dc354526;transform:translateY(-2px)}.danger-zone .sidebar-title{color:#dc3545;font-size:1.125rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;border-bottom:2px solid #ff6b6b;padding-bottom:.75rem}.danger-zone .sidebar-title span{font-size:1.5rem;margin-right:.5rem;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.danger-warning{color:#721c24;font-size:.875rem;margin-bottom:1.25rem;line-height:1.6;background-color:#dc354514;padding:.75rem;border-radius:.5rem;border-left:3px solid #dc3545}.delete-account-button{width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #dc354533;display:flex;align-items:center;justify-content:center;gap:.5rem}.delete-account-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.delete-account-button:active{transform:translateY(0);box-shadow:0 1px 2px #dc354533}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--card-background);border-radius:1rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease;color:var(--text-primary)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.5rem;font-weight:700;color:#dc3545;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s ease}.modal-close:hover{background-color:var(--bg-tertiary)}.modal-body{padding:1.5rem}.warning-box{background-color:#fff3cd;border:2px solid #ffc107;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.warning-box p{margin:.5rem 0;color:#856404}.warning-box strong{color:#dc3545;font-size:1.1rem}.warning-box ul{margin:1rem 0;padding-left:1.5rem}.warning-box li{margin:.5rem 0;color:#721c24;font-weight:500}.delete-form{margin-top:1.5rem}.checkbox-group{margin:1.5rem 0}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;user-select:none}.checkbox-input{margin-right:.75rem;margin-top:.25rem;width:1.25rem;height:1.25rem;cursor:pointer;flex-shrink:0}.checkbox-text{color:var(--text-primary);font-size:.95rem;line-height:1.5}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.cancel-button{padding:.75rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.cancel-button:hover{background-color:#5a6268}.confirm-delete-button{padding:.75rem 1.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.confirm-delete-button:hover:not(:disabled){background-color:#c82333}.confirm-delete-button:disabled{background-color:#e4a4aa;cursor:not-allowed;opacity:.6}.transactions-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.section-title{font-size:1.75rem;font-weight:700;color:var(--color-heading);margin:0}.period-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--card-background);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:border-color .2s ease}.period-select:hover{border-color:var(--primary-color)}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.income{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-card.expense{background:linear-gradient(135deg,#fecaca,#fca5a5)}.stat-card.balance-change{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon{font-size:2rem}.stat-info{flex:1}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-value.positive{color:#059669}.stat-value.negative{color:#dc2626}.stat-label{font-size:.875rem;color:#6b7280}.transactions-table-container{background-color:var(--card-background);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-md)}.transactions-table{width:100%;border-collapse:collapse}.transactions-table thead{background-color:var(--bg-tertiary)}.transactions-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.transactions-table td{padding:1rem .75rem;border-top:1px solid var(--border-color);color:var(--text-primary)}.date-cell{white-space:nowrap;color:var(--text-secondary);font-size:.875rem}.description-cell{max-width:300px}.quest-link{display:block;font-size:.875rem;color:var(--primary-color);margin-top:.25rem}.type-badge,.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.type-badge.topup{background-color:#d1fae5;color:#065f46}.type-badge.quest_purchase{background-color:#dbeafe;color:#1e40af}.type-badge.hint_purchase{background-color:#fef3c7;color:#92400e}.type-badge.refund{background-color:#e0e7ff;color:#3730a3}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.failed{background-color:#fecaca;color:#991b1b}.amount-cell{font-weight:600;white-space:nowrap}.amount-cell.positive{color:#059669}.amount-cell.negative{color:#dc2626}.no-transactions{text-align:center;padding:3rem;color:var(--text-secondary)}.no-transactions p{font-size:1.125rem;margin:0}.load-more-btn{width:100%;margin-top:1rem;padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.load-more-btn:hover:not(:disabled){background-color:var(--primary-dark)}.load-more-btn:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}@media (max-width: 768px){.transactions-table{font-size:.875rem}.transactions-table th,.transactions-table td{padding:.5rem .25rem}.description-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis}}