.auth-modal-overlay[data-v-a8dc680a]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.auth-modal[data-v-a8dc680a]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #9333ea33;max-width:400px;padding:24px;width:90%}.auth-modal-header[data-v-a8dc680a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.auth-modal-header h3[data-v-a8dc680a]{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-btn[data-v-a8dc680a]{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.close-btn[data-v-a8dc680a]:hover{background:#f3f4f6;color:#6b7280}.login-tabs[data-v-a8dc680a]{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:24px}.login-tab[data-v-a8dc680a]{background:none;border:none;color:#6b7280;cursor:pointer;flex:1;font-size:15px;padding:12px 0;position:relative;transition:all .3s ease}.login-tab[data-v-a8dc680a]:hover{color:#9333ea}.login-tab.active[data-v-a8dc680a]{color:#9333ea;font-weight:600}.login-tab.active[data-v-a8dc680a]:after{background:#9333ea;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.auth-form[data-v-a8dc680a]{width:100%}.form-group[data-v-a8dc680a]{margin-bottom:16px}.form-group-with-button[data-v-a8dc680a]{position:relative}.form-input[data-v-a8dc680a]{background:#faf5ff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.form-input[data-v-a8dc680a]:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.form-input[data-v-a8dc680a]::-moz-placeholder{color:#9ca3af}.form-input[data-v-a8dc680a]::placeholder{color:#9ca3af}.send-code-btn[data-v-a8dc680a]{background:none;border:none;color:#9333ea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease}.send-code-btn[data-v-a8dc680a]:hover:not(:disabled){color:#7e22ce}.send-code-btn[data-v-a8dc680a]:disabled{color:#9ca3af;cursor:not-allowed}.form-actions[data-v-a8dc680a]{display:flex;font-size:14px;justify-content:space-between;margin-bottom:24px}.form-link[data-v-a8dc680a]{color:#9333ea;font-weight:500;text-decoration:none;transition:all .3s ease}.form-link[data-v-a8dc680a]:hover{color:#7e22ce;text-decoration:underline}.auth-btn[data-v-a8dc680a]{background:#9333ea;border:none;border-radius:8px;box-shadow:0 4px 16px #9333ea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.auth-btn[data-v-a8dc680a]:hover{background:#7e22ce;box-shadow:0 6px 20px #9333ea66;transform:translateY(-2px)}.auth-btn[data-v-a8dc680a]:active{transform:translateY(0)}@media(max-width:768px){.auth-modal[data-v-a8dc680a]{padding:20px;width:95%}.auth-modal-header h3[data-v-a8dc680a]{font-size:18px}.form-input[data-v-a8dc680a]{padding:12px 14px}.auth-btn[data-v-a8dc680a]{font-size:15px;padding:12px}}.header[data-v-e74cfcb1]{background:#fff;box-shadow:0 2px 16px #00000014;padding:16px 0;transition:all .3s ease}.header .header-content[data-v-e74cfcb1]{align-items:center;display:flex;justify-content:space-between}.header .header-content .header-logo[data-v-e74cfcb1]{align-items:center;display:flex;gap:16px;transition:all .3s ease}.header .header-content .header-logo .logo-img[data-v-e74cfcb1]{height:42px;-o-object-fit:contain;object-fit:contain;width:42px}.header .header-content .header-logo .logo-text[data-v-e74cfcb1]{color:#1f2937;font-size:20px;font-weight:700;letter-spacing:.5px}.header .header-content .mobile-menu-btn[data-v-e74cfcb1]{color:#1f2937;cursor:pointer;display:none;font-size:28px;transition:all .3s ease}.header .header-content .mobile-menu-btn[data-v-e74cfcb1]:hover{color:#9333ea}.header .header-content .nav ul[data-v-e74cfcb1]{display:flex;gap:32px;list-style:none}.header .header-content .nav ul a[data-v-e74cfcb1]{color:#4b5563;font-size:16px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.header .header-content .nav ul a[data-v-e74cfcb1]:hover{color:#9333ea}.header .header-content .nav ul a[data-v-e74cfcb1]:after{background:#9333ea;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.header .header-content .nav ul a[data-v-e74cfcb1]:hover:after{width:100%}.header .header-content .header-actions[data-v-e74cfcb1]{align-items:center;display:flex;gap:16px}.header .header-content .header-actions .user-info[data-v-e74cfcb1]{align-items:center;display:flex;gap:12px}.header .header-content .header-actions .user-info .user-avatar[data-v-e74cfcb1]{border:2px solid #9333ea;border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:36px}.header .header-content .header-actions .user-info .user-avatar[data-v-e74cfcb1]:hover{box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}.header .header-content .header-actions .user-info .user-name[data-v-e74cfcb1]{color:#1f2937;font-size:14px;font-weight:500}.header .header-content .header-actions .login-btn[data-v-e74cfcb1]{background:#fff;border:1px solid #9333ea;border-radius:8px;color:#9333ea;cursor:pointer;font-size:14px;font-weight:500;margin-right:12px;padding:8px 20px;transition:all .3s ease}.header .header-content .header-actions .login-btn[data-v-e74cfcb1]:hover{background:#9333ea;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.header .header-content .header-actions .register-btn[data-v-e74cfcb1]{background:#9333ea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .3s ease}.header .header-content .header-actions .register-btn[data-v-e74cfcb1]:hover{background:#7e22ce;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.header .header-content .header-actions .logout-btn[data-v-e74cfcb1]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .3s ease}.header .header-content .header-actions .logout-btn[data-v-e74cfcb1]:hover{background:#f9fafb;border-color:#a855f7;color:#9333ea}@media(max-width:1200px){.header[data-v-e74cfcb1]{padding:12px 0}.header .header-content .nav[data-v-e74cfcb1]{display:none}.header .header-content .mobile-menu-btn[data-v-e74cfcb1]{display:block}.header .header-content .header-actions[data-v-e74cfcb1]{gap:12px}.header .header-content .header-actions .login-btn[data-v-e74cfcb1],.header .header-content .header-actions .logout-btn[data-v-e74cfcb1],.header .header-content .header-actions .register-btn[data-v-e74cfcb1]{font-size:13px;padding:6px 16px}}@media(max-width:768px){.header .header-content .header-logo[data-v-e74cfcb1]{gap:12px}.header .header-content .header-logo .logo-img[data-v-e74cfcb1]{height:36px;width:36px}.header .header-content .header-logo .logo-text[data-v-e74cfcb1]{font-size:18px}.header .header-content .header-actions .user-info .user-name[data-v-e74cfcb1]{display:none}}.footer[data-v-493d54dd]{background:#f9fafb;border-top:1px solid #e5e7eb;padding:60px 0 30px;transition:all .3s ease}.footer .footer-content[data-v-493d54dd]{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:40px;margin-bottom:40px}.footer .footer-content .footer-links[data-v-493d54dd]{display:flex;flex:1;flex-wrap:nowrap;gap:40px}.footer .footer-content .footer-links .footer-column[data-v-493d54dd]{flex:1;min-width:140px}.footer .footer-content .footer-links .footer-column h3[data-v-493d54dd]{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:30px;padding-bottom:8px;position:relative}.footer .footer-content .footer-links .footer-column h3[data-v-493d54dd]:after{background:#9333ea;bottom:0;content:"";height:2px;left:0;position:absolute;width:32px}.footer .footer-content .footer-links .footer-column ul[data-v-493d54dd]{list-style:none}.footer .footer-content .footer-links .footer-column ul li[data-v-493d54dd]{margin-bottom:14px}.footer .footer-content .footer-links .footer-column ul li a[data-v-493d54dd]{color:#4b5563;font-size:14px;text-decoration:none;transition:all .3s ease}.footer .footer-content .footer-links .footer-column ul li a[data-v-493d54dd]:hover{color:#9333ea;transform:translate(4px)}.footer .footer-content .footer-column[data-v-493d54dd]{flex:0 0 auto;min-width:140px}.footer .footer-content .footer-column h3[data-v-493d54dd]{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:30px;padding-bottom:8px;position:relative}.footer .footer-content .footer-column h3[data-v-493d54dd]:after{background:#9333ea;bottom:0;content:"";height:2px;left:0;position:absolute;width:32px}.footer .footer-content .footer-column .footer-social[data-v-493d54dd]{display:flex;gap:16px;margin-top:30px}.footer .footer-content .footer-column .footer-social a[data-v-493d54dd]{color:#4b5563;font-size:24px;text-decoration:none;transition:all .3s ease}.footer .footer-content .footer-column .footer-social a[data-v-493d54dd]:hover{color:#9333ea;transform:translateY(-3px)}.footer .footer-bottom[data-v-493d54dd]{border-top:1px solid #e5e7eb;color:#4b5563;font-size:14px;padding-top:30px;text-align:center}.footer .footer-bottom p[data-v-493d54dd]{margin-bottom:10px}.footer .footer-bottom .footer-icp[data-v-493d54dd]{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:10px}.footer .footer-bottom .footer-icp a[data-v-493d54dd]{color:#4b5563;text-decoration:none;transition:all .3s ease}.footer .footer-bottom .footer-icp a[data-v-493d54dd]:hover{color:#9333ea;text-decoration:underline}.footer .footer-bottom .footer-icp span[data-v-493d54dd]{color:#4b5563;font-size:13px}@media(max-width:1200px){.footer .footer-content[data-v-493d54dd]{flex-wrap:wrap}.footer .footer-content .footer-links[data-v-493d54dd]{flex:1 1 100%;margin-bottom:30px}.footer .footer-content .footer-column[data-v-493d54dd]{flex:1 1 100%}}@media(max-width:768px){.footer[data-v-493d54dd]{padding:40px 0 20px}.footer .footer-content[data-v-493d54dd],.footer .footer-content .footer-links[data-v-493d54dd]{flex-direction:column;gap:30px}.footer .footer-content .footer-column[data-v-493d54dd],.footer .footer-content .footer-links .footer-column[data-v-493d54dd]{min-width:100%}.footer .footer-bottom .footer-icp[data-v-493d54dd]{gap:8px}.footer .footer-bottom .footer-icp span[data-v-493d54dd]{font-size:12px}}