@autenticar-me/vue 0.17.0 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/SignIn.vue.d.ts.map +1 -1
  2. package/dist/components/SignUp.vue.d.ts.map +1 -1
  3. package/dist/components/UserProfile.vue.d.ts.map +1 -1
  4. package/dist/index.cjs +221 -135
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.js +221 -135
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
  (function() {
3
3
  if (typeof document !== 'undefined') {
4
4
  const style = document.createElement('style');
5
- style.textContent = ":root {\n --atm-bg-primary: #ffffff;\n --atm-bg-secondary: #f8f9fa;\n --atm-bg-tertiary: #f0f0f0;\n\n --atm-text-primary: #333333;\n --atm-text-secondary: #666666;\n --atm-text-tertiary: #999999;\n --atm-text-muted: #888888;\n\n --atm-border-color: #dddddd;\n --atm-border-hover: #cccccc;\n\n --atm-input-bg: #ffffff;\n --atm-input-disabled: #f5f5f5;\n --atm-input-border: #dddddd;\n\n --atm-error-color: #dc3545;\n --atm-success-color: #28a745;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.atm-theme-dark,\n:root.atm-theme-dark {\n --atm-bg-primary: #1a1a1a;\n --atm-bg-secondary: #2d2d2d;\n --atm-bg-tertiary: #404040;\n\n --atm-text-primary: #e0e0e0;\n --atm-text-secondary: #b0b0b0;\n --atm-text-tertiary: #808080;\n --atm-text-muted: #999999;\n\n --atm-border-color: #404040;\n --atm-border-hover: #505050;\n\n --atm-input-bg: #2d2d2d;\n --atm-input-disabled: #1f1f1f;\n --atm-input-border: #404040;\n\n --atm-error-color: #ff6b6b;\n --atm-success-color: #51cf66;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);\n}\n\n.atm-overlay[data-v-5a315eca] {\n position: fixed;\n inset: 0;\n z-index: 99999;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n overflow-y: auto;\n padding: 1.5rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 1.5rem;\n width: 100%;\n margin: auto;\n}\n.atm-fade-layer[data-v-5a315eca] {\n position: fixed;\n inset: 0;\n transition: opacity 0.2s ease;\n pointer-events: none;\n}\n.atm-fade-bg[data-v-5a315eca] {\n position: absolute;\n inset: 0;\n opacity: 0.75;\n}\n.atm-modal[data-v-5a315eca] {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n background-color: var(--atm-bg-primary);\n border-radius: 0.5rem;\n text-align: left;\n box-shadow: var(--atm-shadow-md);\n transform: translate(0);\n transition: all 0.2s ease-in-out;\n max-width: 32rem;\n width: 100%;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n}\n.atm-close-button[data-v-5a315eca] {\n position: absolute;\n top: 1rem;\n right: 1rem;\n color: var(--atm-text-tertiary);\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n transition: color 0.2s;\n}\n.atm-close-button[data-v-5a315eca]:hover {\n color: var(--atm-text-secondary);\n}\n.atm-icon[data-v-5a315eca] {\n width: 1.5rem;\n height: 1.5rem;\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 1.25rem;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 1.125rem;\n font-weight: 500;\n color: var(--atm-text-primary);\n margin: 0;\n margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 1rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 1rem;\n}\n.atm-modal[data-v-5a315eca] {\n border-radius: 0.375rem;\n max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 1rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 1rem;\n margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-5a315eca] {\n top: 0.75rem;\n right: 0.75rem;\n}\n.atm-icon[data-v-5a315eca] {\n width: 1.25rem;\n height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 0.5rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 0.5rem;\n}\n.atm-modal[data-v-5a315eca] {\n border-radius: 0.25rem;\n max-width: 100%;\n max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 0.875rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 0.9375rem;\n margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-5a315eca] {\n top: 0.5rem;\n right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 0.25rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 0.25rem;\n}\n.atm-modal[data-v-5a315eca] {\n max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 0.75rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n}\n}\n\n.atm-notification-container[data-v-f5e47084] {\n font-family: Arial, Helvetica, sans-serif;\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 99999;\n pointer-events: none;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 12px 16px;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n min-width: 250px;\n max-width: 350px;\n pointer-events: auto;\n}\n.atm-notification--error[data-v-f5e47084] {\n background: #ff3333;\n color: #FFF;\n}\n.atm-notification--success[data-v-f5e47084] {\n background: #00a622;\n color: #FFF;\n}\n.atm-notification--warning[data-v-f5e47084] {\n background: #ffa500;\n color: #FFF;\n}\n.atm-notification-enter-active[data-v-f5e47084] {\n transition: all 0.3s ease-out;\n}\n.atm-notification-leave-active[data-v-f5e47084] {\n transition: all 0.3s ease-in;\n}\n.atm-notification-enter-from[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n.atm-notification-leave-to[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n@media (max-width: 768px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 16px;\n right: 16px;\n left: 16px;\n}\n.atm-notification[data-v-f5e47084] {\n min-width: auto;\n max-width: 100%;\n padding: 11px 14px;\n font-size: 13px;\n}\n}\n@media (max-width: 480px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 12px;\n right: 12px;\n left: 12px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 10px 12px;\n font-size: 12px;\n border-radius: 5px;\n}\n}\n@media (max-width: 360px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 10px;\n right: 10px;\n left: 10px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 9px 11px;\n font-size: 11px;\n border-radius: 4px;\n}\n}\n\n.atm-login-container[data-v-b88e6b76] {\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-b88e6b76] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-b88e6b76] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v70f1a692);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-b88e6b76] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-b88e6b76] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-b88e6b76]:focus {\n outline: none;\n border-color: var(--v70f1a692);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-b88e6b76]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-b88e6b76] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-alternative-options[data-v-b88e6b76] {\n margin-top: 8px;\n text-align: center;\n}\n.atm-forgot-password-link[data-v-b88e6b76] {\n font-size: 12px;\n background: none;\n border: none;\n color: var(--v4a1729f6);\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-b88e6b76]:hover:not(:disabled) {\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-b88e6b76]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-b88e6b76] {\n text-align: center;\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-b88e6b76] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-b88e6b76] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n width: 100%;\n padding: 10px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.atm-strategy-button[data-v-b88e6b76]:hover:not(:disabled) {\n background: var(--atm-bg-tertiary);\n border-color: var(--v70f1a692);\n}\n.atm-strategy-button[data-v-b88e6b76]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-b88e6b76] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin: 0;\n text-align: center;\n}\n.atm-login-button[data-v-b88e6b76] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v70f1a692);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-login-button[data-v-b88e6b76]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-b88e6b76]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-b88e6b76] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-b88e6b76] {\n animation: spin-b88e6b76 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-b88e6b76] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-b88e6b76 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-signup-text[data-v-b88e6b76] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-b88e6b76] {\n color: var(--v4a1729f6);\n text-decoration: none;\n cursor: pointer;\n}\n.atm-signup-link[data-v-b88e6b76]:hover {\n text-decoration: underline;\n}\n.atm-powered-by[data-v-b88e6b76] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-b88e6b76] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-b88e6b76] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-b88e6b76] {\n font-size: 11px;\n}\n.atm-strategy-title[data-v-b88e6b76] {\n font-size: 13px;\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-email-link-text[data-v-b88e6b76] {\n font-size: 13px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-b88e6b76] {\n font-size: 10px;\n}\n.spinner-svg[data-v-b88e6b76] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-b88e6b76] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-b88e6b76] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 8px;\n font-size: 12px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-b88e6b76] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signup-container[data-v-00e77670] {\n width: 100%;\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-00e77670] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-00e77670] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-00e77670] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v68a45cdb);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-00e77670] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-00e77670] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-00e77670] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-00e77670]:focus {\n outline: none;\n border-color: var(--v68a45cdb);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-00e77670]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-00e77670] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-signup-button[data-v-00e77670] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v68a45cdb);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-signup-button[data-v-00e77670]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-00e77670]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-00e77670] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-00e77670] {\n animation: spin-00e77670 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-00e77670] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-00e77670 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-login-text[data-v-00e77670] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-00e77670] {\n color: var(--acf3bbae);\n text-decoration: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-00e77670]:hover:not(.disabled-link) {\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-00e77670] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n.atm-powered-by[data-v-00e77670] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-00e77670] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-00e77670] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-00e77670] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-00e77670] {\n font-size: 10px;\n}\n.spinner-svg[data-v-00e77670] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-00e77670] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-00e77670] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-00e77670] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-00e77670] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-43bf662d] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v12e673a0);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signin-btn[data-v-43bf662d]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-registration-disabled[data-v-b58cb91d] {\n padding: 24px;\n text-align: center;\n}\n.atm-disabled-message[data-v-b58cb91d] {\n margin-bottom: 16px;\n color: var(--atm-text-primary);\n}\n.atm-disabled-login-btn[data-v-b58cb91d] {\n padding: 12px 24px;\n background: #007bff;\n color: #ffffff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: opacity 0.2s;\n}\n.atm-disabled-login-btn[data-v-b58cb91d]:hover {\n opacity: 0.9;\n}\n\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v1c336c46);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signup-btn[data-v-d9ac9b54]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-profile-container {\n position: relative;\n display: inline-block;\n font-family: 'Segoe UI', system-ui, sans-serif;\n}\n.atm-profile-button {\n display: flex;\n align-items: center;\n gap: 8px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px 12px;\n border-radius: 6px;\n transition: background 0.2s;\n}\n.atm-profile-button:hover {\n background: var(--atm-bg-secondary);\n}\n.atm-profile-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: var(--v4c42b40c);\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 500;\n}\n.atm-profile-avatar.large {\n width: 48px;\n height: 48px;\n font-size: 16px;\n}\n.atm-profile-avatar-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n}\n.atm-profile-name {\n font-size: 14px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-arrow {\n width: 16px;\n height: 16px;\n color: var(--atm-text-primary);\n transition: transform 0.2s;\n}\n.atm-rotate {\n transform: rotate(180deg);\n}\n.atm-profile-menu {\n position: absolute;\n top: 100%;\n width: 280px;\n background: var(--atm-bg-primary);\n border: 1px solid var(--atm-border-color);\n border-radius: 8px;\n box-shadow: var(--atm-shadow-md);\n z-index: 1000;\n overflow: hidden;\n margin-top: 4px;\n}\n.atm-position-left {\n left: 0;\n right: auto;\n}\n.atm-position-right {\n right: 0;\n left: auto;\n}\n.atm-profile-info {\n display: flex;\n gap: 12px;\n padding: 16px;\n border-bottom: 1px solid var(--atm-border-color);\n}\n.atm-profile-details {\n flex: 1;\n min-width: 0;\n}\n.atm-profile-fullname {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--atm-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-email {\n margin: 4px 0 0;\n font-size: 13px;\n color: var(--atm-text-secondary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-options {\n padding: 8px 0;\n}\n.atm-profile-option {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 16px;\n background: none;\n border: none;\n text-align: left;\n cursor: pointer;\n font-size: 14px;\n color: var(--atm-text-primary);\n gap: 10px;\n transition: background 0.2s;\n}\n.atm-profile-option:hover {\n background: var(--atm-bg-secondary);\n}\n.atm-profile-icon {\n width: 18px;\n height: 18px;\n color: var(--atm-text-secondary);\n}\n.atm-fade-enter-active,\n.atm-fade-leave-active {\n transition: opacity 0.2s, transform 0.2s;\n}\n.atm-fade-enter-from,\n.atm-fade-leave-to {\n opacity: 0;\n transform: translateY(-10px);\n}\n.atm-profile-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow-y: auto;\n padding: 1.5rem;\n}\n.atm-profile-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n pointer-events: none;\n}\n.atm-profile-content {\n position: relative;\n width: 100%;\n max-width: 450px;\n background: var(--atm-bg-primary);\n border-radius: 12px;\n box-shadow: var(--atm-shadow-md);\n z-index: 1;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n.atm-profile-header {\n padding: 16px;\n border-bottom: 1px solid var(--atm-border-color);\n display: flex;\n align-items: center;\n}\n.atm-profile-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n padding: 8px;\n margin-right: 12px;\n color: var(--atm-text-secondary);\n transition: color 0.2s;\n}\n.atm-profile-close:hover {\n color: var(--atm-text-primary);\n}\n.atm-profile-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-profile-tabs {\n display: flex;\n border-bottom: 1px solid var(--atm-border-color);\n background: var(--atm-bg-secondary);\n}\n.atm-tab {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 12px 16px;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: var(--atm-text-secondary);\n transition: all 0.2s;\n}\n.atm-tab:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-tab-active {\n color: var(--v4c42b40c) !important;\n background: var(--atm-bg-primary);\n border-bottom: 2px solid var(--v4c42b40c);\n}\n.atm-tab-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-body {\n padding: 24px;\n text-align: center;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-profile-avatar-large {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: var(--v4c42b40c);\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 600;\n margin: 0 auto 20px;\n}\n.atm-profile-info-grid {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-profile-info-row {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 13px;\n color: var(--atm-text-secondary);\n margin-bottom: 4px;\n}\n.atm-profile-info-value {\n font-size: 16px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-edit-form {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-form-group {\n margin-bottom: 16px;\n}\n.atm-input-label {\n display: block;\n margin-bottom: 6px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field {\n width: 100%;\n padding: 10px 12px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field:focus {\n outline: none;\n border-color: var(--v4c42b40c);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-form-actions {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.atm-save-btn,\n.atm-edit-profile-btn,\n.atm-reset-password-btn,\n.atm-add-email-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: var(--v4c42b40c);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n justify-content: center;\n}\n.atm-save-btn:hover,\n.atm-edit-profile-btn:hover,\n.atm-reset-password-btn:hover,\n.atm-add-email-btn:hover {\n opacity: 0.9;\n}\n.atm-cancel-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n padding: 12px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-secondary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n justify-content: center;\n}\n.atm-cancel-btn:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-btn-icon {\n width: 16px;\n height: 16px;\n}\n.atm-email-add-section {\n margin-bottom: 24px;\n text-align: left;\n}\n.atm-email-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n text-align: left;\n}\n.atm-email-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n background: var(--atm-bg-secondary);\n border-radius: 6px;\n border: 1px solid var(--atm-border-color);\n}\n.atm-email-info {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n.atm-email-address {\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--atm-text-primary);\n}\n.atm-email-icon {\n width: 16px;\n height: 16px;\n color: var(--v955ac0f0);\n}\n.atm-email-badges {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n.atm-badge {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n font-size: 11px;\n font-weight: 500;\n border-radius: 12px;\n text-transform: uppercase;\n}\n.atm-badge-icon {\n width: 12px;\n height: 12px;\n}\n.atm-badge-primary {\n background: #e3f2fd;\n color: #1976d2;\n}\n.atm-badge-verified {\n background: #e8f5e8;\n color: #2e7d32;\n}\n.atm-badge-unverified {\n background: #fff3e0;\n color: #f57c00;\n}\n.atm-email-actions {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-verify-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--v4c42b40c);\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-verify-btn:hover {\n opacity: 0.9;\n}\n.atm-delete-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-delete-btn:hover {\n opacity: 0.9;\n}\n.atm-password-section {\n text-align: left;\n}\n.atm-sessions-section {\n text-align: left;\n}\n.atm-sessions-info {\n margin-bottom: 20px;\n}\n.atm-sessions-description {\n margin: 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n line-height: 1.5;\n}\n.atm-sessions-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.atm-session-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px;\n background: var(--atm-bg-secondary);\n border-radius: 8px;\n border: 1px solid var(--atm-border-color);\n gap: 16px;\n}\n.atm-session-header {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-session-icon {\n width: 24px;\n height: 24px;\n color: var(--v955ac0f0);\n flex-shrink: 0;\n}\n.atm-session-details {\n flex: 1;\n min-width: 0;\n}\n.atm-session-title {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 4px;\n font-size: 15px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-session-device-info {\n font-size: 13px;\n color: var(--atm-text-secondary);\n margin-bottom: 8px;\n}\n.atm-badge-current {\n background: #d1f4e0;\n color: #0f9d58;\n}\n.atm-session-timestamps {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-session-timestamp {\n display: flex;\n gap: 6px;\n font-size: 13px;\n color: var(--atm-text-secondary);\n}\n.atm-timestamp-label {\n font-weight: 500;\n color: var(--atm-text-primary);\n}\n.atm-session-actions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-close-session-btn {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n white-space: nowrap;\n}\n.atm-close-session-btn:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-profile-button {\n padding: 6px 10px;\n gap: 6px;\n}\n.atm-profile-name {\n font-size: 13px;\n}\n.atm-profile-menu {\n width: 260px;\n}\n.atm-profile-modal {\n padding: 1rem;\n}\n.atm-profile-content {\n max-width: 90%;\n max-height: calc(100vh - 2rem);\n}\n.atm-profile-header {\n padding: 14px;\n}\n.atm-profile-title {\n font-size: 16px;\n}\n.atm-profile-body {\n padding: 20px;\n}\n.atm-tab {\n padding: 10px 12px;\n font-size: 13px;\n gap: 4px;\n}\n.atm-tab-icon {\n width: 14px;\n height: 14px;\n}\n.atm-profile-avatar-large {\n width: 70px;\n height: 70px;\n font-size: 22px;\n}\n.atm-email-item {\n flex-direction: column;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-email-actions {\n flex-direction: row;\n width: 100%;\n}\n.atm-verify-btn,\n .atm-delete-btn {\n flex: 1;\n justify-content: center;\n}\n.atm-session-item {\n flex-direction: column;\n align-items: flex-start;\n}\n.atm-session-actions {\n width: 100%;\n}\n.atm-close-session-btn {\n width: 100%;\n justify-content: center;\n}\n}\n@media (max-width: 480px) {\n.atm-profile-button {\n padding: 4px 8px;\n gap: 4px;\n}\n.atm-profile-avatar {\n width: 28px;\n height: 28px;\n font-size: 11px;\n}\n.atm-profile-avatar.large {\n width: 40px;\n height: 40px;\n font-size: 14px;\n}\n.atm-profile-name {\n font-size: 12px;\n}\n.atm-profile-arrow {\n width: 14px;\n height: 14px;\n}\n.atm-profile-menu {\n width: calc(100vw - 20px);\n max-width: 240px;\n}\n.atm-profile-info {\n padding: 12px;\n gap: 10px;\n}\n.atm-profile-fullname {\n font-size: 13px;\n}\n.atm-profile-email {\n font-size: 12px;\n}\n.atm-profile-option {\n padding: 8px 12px;\n font-size: 13px;\n gap: 8px;\n}\n.atm-profile-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-modal {\n padding: 0.5rem;\n}\n.atm-profile-content {\n max-width: 95%;\n max-height: calc(100vh - 1rem);\n}\n.atm-profile-header {\n padding: 12px;\n}\n.atm-profile-close {\n font-size: 20px;\n padding: 4px;\n margin-right: 8px;\n}\n.atm-profile-title {\n font-size: 15px;\n}\n.atm-profile-body {\n padding: 16px;\n}\n.atm-tab {\n padding: 8px 8px;\n font-size: 12px;\n gap: 3px;\n}\n.atm-tab-icon {\n width: 13px;\n height: 13px;\n}\n.atm-profile-avatar-large {\n width: 60px;\n height: 60px;\n font-size: 20px;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 12px;\n}\n.atm-profile-info-value {\n font-size: 14px;\n}\n.atm-input-label {\n font-size: 12px;\n}\n.atm-input-field {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-form-actions {\n flex-direction: column;\n gap: 8px;\n}\n.atm-save-btn,\n .atm-cancel-btn,\n .atm-edit-profile-btn,\n .atm-reset-password-btn {\n width: 100%;\n padding: 10px;\n font-size: 13px;\n}\n.atm-email-item {\n padding: 10px;\n}\n.atm-email-address {\n font-size: 13px;\n}\n.atm-badge {\n font-size: 10px;\n padding: 2px 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-profile-button {\n padding: 4px 6px;\n}\n.atm-profile-avatar {\n width: 26px;\n height: 26px;\n font-size: 10px;\n}\n.atm-profile-name {\n display: none;\n}\n.atm-profile-menu {\n width: calc(100vw - 16px);\n max-width: 220px;\n}\n.atm-profile-modal {\n padding: 0.25rem;\n}\n.atm-profile-content {\n max-width: 98%;\n max-height: calc(100vh - 0.5rem);\n}\n.atm-profile-body {\n padding: 12px;\n}\n.atm-tab {\n padding: 8px 6px;\n font-size: 11px;\n flex-direction: column;\n gap: 2px;\n}\n.atm-profile-avatar-large {\n width: 50px;\n height: 50px;\n font-size: 18px;\n}\n.atm-email-item {\n padding: 8px;\n}\n}\n\n.atm-auth-buttons[data-v-0c63ecb8] {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n}\n@media (max-width: 768px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 14px;\n}\n}\n@media (max-width: 480px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 12px;\n flex-direction: column;\n}\n}\n@media (max-width: 360px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 10px;\n}\n}\n\n.atm-logout-btn[data-v-fc53d394] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v3d3b8ec0);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n min-height: 44px;\n}\n.atm-logout-btn[data-v-fc53d394]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n";
5
+ style.textContent = ":root {\n --atm-bg-primary: #ffffff;\n --atm-bg-secondary: #f8f9fa;\n --atm-bg-tertiary: #f0f0f0;\n\n --atm-text-primary: #333333;\n --atm-text-secondary: #666666;\n --atm-text-tertiary: #999999;\n --atm-text-muted: #888888;\n\n --atm-border-color: #dddddd;\n --atm-border-hover: #cccccc;\n\n --atm-input-bg: #ffffff;\n --atm-input-disabled: #f5f5f5;\n --atm-input-border: #dddddd;\n\n --atm-error-color: #dc3545;\n --atm-success-color: #28a745;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.atm-theme-dark,\n:root.atm-theme-dark {\n --atm-bg-primary: #1a1a1a;\n --atm-bg-secondary: #2d2d2d;\n --atm-bg-tertiary: #404040;\n\n --atm-text-primary: #e0e0e0;\n --atm-text-secondary: #b0b0b0;\n --atm-text-tertiary: #808080;\n --atm-text-muted: #999999;\n\n --atm-border-color: #404040;\n --atm-border-hover: #505050;\n\n --atm-input-bg: #2d2d2d;\n --atm-input-disabled: #1f1f1f;\n --atm-input-border: #404040;\n\n --atm-error-color: #ff6b6b;\n --atm-success-color: #51cf66;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);\n}\n\n.atm-overlay[data-v-005ced7c] {\n position: fixed;\n inset: 0;\n z-index: 99999;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n overflow-y: auto;\n padding: 1.5rem 0;\n}\n.atm-container[data-v-005ced7c] {\n padding: 0 1.5rem;\n width: 100%;\n margin: auto;\n}\n.atm-fade-layer[data-v-005ced7c] {\n position: fixed;\n inset: 0;\n transition: opacity 0.2s ease;\n pointer-events: none;\n}\n.atm-fade-bg[data-v-005ced7c] {\n position: absolute;\n inset: 0;\n opacity: 0.75;\n}\n.atm-modal[data-v-005ced7c] {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n background-color: var(--atm-bg-primary, #ffffff);\n border-radius: 0.5rem;\n text-align: left;\n box-shadow: var(--atm-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));\n transform: translate(0);\n transition: all 0.2s ease-in-out;\n max-width: 32rem;\n width: 100%;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n}\n.atm-close-button[data-v-005ced7c] {\n position: absolute;\n top: 1rem;\n right: 1rem;\n color: var(--atm-text-tertiary);\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n transition: color 0.2s;\n}\n.atm-close-button[data-v-005ced7c]:hover {\n color: var(--atm-text-secondary);\n}\n.atm-icon[data-v-005ced7c] {\n width: 1.5rem;\n height: 1.5rem;\n}\n.atm-modal-content[data-v-005ced7c] {\n padding: 1.25rem;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-modal-title[data-v-005ced7c] {\n font-size: 1.125rem;\n font-weight: 500;\n color: var(--atm-text-primary);\n margin: 0;\n margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-005ced7c] {\n padding: 1rem 0;\n}\n.atm-container[data-v-005ced7c] {\n padding: 0 1rem;\n}\n.atm-modal[data-v-005ced7c] {\n border-radius: 0.375rem;\n max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-005ced7c] {\n padding: 1rem;\n}\n.atm-modal-title[data-v-005ced7c] {\n font-size: 1rem;\n margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-005ced7c] {\n top: 0.75rem;\n right: 0.75rem;\n}\n.atm-icon[data-v-005ced7c] {\n width: 1.25rem;\n height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-005ced7c] {\n padding: 0.5rem 0;\n}\n.atm-container[data-v-005ced7c] {\n padding: 0 0.5rem;\n}\n.atm-modal[data-v-005ced7c] {\n border-radius: 0.25rem;\n max-width: 100%;\n max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-005ced7c] {\n padding: 0.875rem;\n}\n.atm-modal-title[data-v-005ced7c] {\n font-size: 0.9375rem;\n margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-005ced7c] {\n top: 0.5rem;\n right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-005ced7c] {\n padding: 0.25rem 0;\n}\n.atm-container[data-v-005ced7c] {\n padding: 0 0.25rem;\n}\n.atm-modal[data-v-005ced7c] {\n max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-005ced7c] {\n padding: 0.75rem;\n}\n.atm-modal-title[data-v-005ced7c] {\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n}\n}\n\n.atm-notification-container[data-v-f5e47084] {\n font-family: Arial, Helvetica, sans-serif;\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 99999;\n pointer-events: none;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 12px 16px;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n min-width: 250px;\n max-width: 350px;\n pointer-events: auto;\n}\n.atm-notification--error[data-v-f5e47084] {\n background: #ff3333;\n color: #FFF;\n}\n.atm-notification--success[data-v-f5e47084] {\n background: #00a622;\n color: #FFF;\n}\n.atm-notification--warning[data-v-f5e47084] {\n background: #ffa500;\n color: #FFF;\n}\n.atm-notification-enter-active[data-v-f5e47084] {\n transition: all 0.3s ease-out;\n}\n.atm-notification-leave-active[data-v-f5e47084] {\n transition: all 0.3s ease-in;\n}\n.atm-notification-enter-from[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n.atm-notification-leave-to[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n@media (max-width: 768px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 16px;\n right: 16px;\n left: 16px;\n}\n.atm-notification[data-v-f5e47084] {\n min-width: auto;\n max-width: 100%;\n padding: 11px 14px;\n font-size: 13px;\n}\n}\n@media (max-width: 480px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 12px;\n right: 12px;\n left: 12px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 10px 12px;\n font-size: 12px;\n border-radius: 5px;\n}\n}\n@media (max-width: 360px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 10px;\n right: 10px;\n left: 10px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 9px 11px;\n font-size: 11px;\n border-radius: 4px;\n}\n}\n\n.atm-login-container[data-v-13659384] {\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-13659384] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-13659384] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-13659384] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-13659384] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v4b9ed92e);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-13659384] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-13659384] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-13659384] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-13659384] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-13659384]:focus {\n outline: none;\n border-color: var(--v4b9ed92e);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-13659384]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-13659384] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-alternative-options[data-v-13659384] {\n margin-top: 8px;\n text-align: center;\n}\n.atm-forgot-password-link[data-v-13659384] {\n font-size: 12px;\n background: none;\n border: none;\n color: var(--v905a5488);\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-13659384]:hover:not(:disabled) {\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-13659384]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-13659384] {\n text-align: center;\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-13659384] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-13659384] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-strategy-button[data-v-13659384] {\n width: 100%;\n padding: 10px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.atm-strategy-button[data-v-13659384]:hover:not(:disabled) {\n background: var(--atm-bg-tertiary);\n border-color: var(--v4b9ed92e);\n}\n.atm-strategy-button[data-v-13659384]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-13659384] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin: 0;\n text-align: center;\n}\n.atm-login-button[data-v-13659384] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v4b9ed92e);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-login-button[data-v-13659384]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-13659384]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-13659384] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-13659384] {\n animation: spin-13659384 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-13659384] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-13659384 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-13659384] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-signup-text[data-v-13659384] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-13659384] {\n color: var(--v905a5488);\n text-decoration: none;\n cursor: pointer;\n}\n.atm-signup-link[data-v-13659384]:hover {\n text-decoration: underline;\n}\n.atm-powered-by[data-v-13659384] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-13659384] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-13659384] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-13659384] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-13659384] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-13659384] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-login-button[data-v-13659384] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-strategy-button[data-v-13659384] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-footer-links[data-v-13659384] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-13659384] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-13659384] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-13659384] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-13659384] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-13659384] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-13659384] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-13659384] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-login-button[data-v-13659384] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-13659384] {\n font-size: 11px;\n}\n.atm-strategy-title[data-v-13659384] {\n font-size: 13px;\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-13659384] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-email-link-text[data-v-13659384] {\n font-size: 13px;\n}\n.atm-footer-links[data-v-13659384] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-13659384] {\n font-size: 10px;\n}\n.spinner-svg[data-v-13659384] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-13659384] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-13659384] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-13659384] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-13659384] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-13659384] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-13659384] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-13659384] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-13659384] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-login-button[data-v-13659384] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-strategy-button[data-v-13659384] {\n padding: 8px;\n font-size: 12px;\n}\n.atm-footer-links[data-v-13659384] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-13659384] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signup-container[data-v-bf49a06e] {\n width: 100%;\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-bf49a06e] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-bf49a06e] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-bf49a06e] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-bf49a06e] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v3198263e);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-bf49a06e] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-bf49a06e] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-bf49a06e] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-bf49a06e] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-bf49a06e]:focus {\n outline: none;\n border-color: var(--v3198263e);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-bf49a06e]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-bf49a06e] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-signup-button[data-v-bf49a06e] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v3198263e);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-signup-button[data-v-bf49a06e]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-bf49a06e]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-bf49a06e] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-bf49a06e] {\n animation: spin-bf49a06e 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-bf49a06e] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-bf49a06e {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-bf49a06e] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-login-text[data-v-bf49a06e] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-bf49a06e] {\n color: var(--v04ad1ecc);\n text-decoration: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-bf49a06e]:hover:not(.disabled-link) {\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-bf49a06e] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n.atm-powered-by[data-v-bf49a06e] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-bf49a06e] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-bf49a06e] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-bf49a06e] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-bf49a06e] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-bf49a06e] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-bf49a06e] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-footer-links[data-v-bf49a06e] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-bf49a06e] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-bf49a06e] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-bf49a06e] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-bf49a06e] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-bf49a06e] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-bf49a06e] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-bf49a06e] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-bf49a06e] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-footer-links[data-v-bf49a06e] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-bf49a06e] {\n font-size: 10px;\n}\n.spinner-svg[data-v-bf49a06e] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-bf49a06e] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-bf49a06e] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-bf49a06e] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-bf49a06e] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-bf49a06e] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-bf49a06e] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-bf49a06e] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-bf49a06e] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-signup-button[data-v-bf49a06e] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-footer-links[data-v-bf49a06e] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-bf49a06e] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-43bf662d] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v12e673a0);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signin-btn[data-v-43bf662d]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-registration-disabled[data-v-b58cb91d] {\n padding: 24px;\n text-align: center;\n}\n.atm-disabled-message[data-v-b58cb91d] {\n margin-bottom: 16px;\n color: var(--atm-text-primary);\n}\n.atm-disabled-login-btn[data-v-b58cb91d] {\n padding: 12px 24px;\n background: #007bff;\n color: #ffffff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: opacity 0.2s;\n}\n.atm-disabled-login-btn[data-v-b58cb91d]:hover {\n opacity: 0.9;\n}\n\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v1c336c46);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signup-btn[data-v-d9ac9b54]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-profile-container {\n position: relative;\n display: inline-block;\n font-family: 'Segoe UI', system-ui, sans-serif;\n}\n.atm-profile-button {\n display: flex;\n align-items: center;\n gap: 8px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px 12px;\n border-radius: 6px;\n transition: background 0.2s;\n}\n.atm-profile-button:hover {\n background: var(--atm-bg-secondary);\n}\n.atm-profile-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: var(--v5b4f4479);\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 500;\n}\n.atm-profile-avatar.large {\n width: 48px;\n height: 48px;\n font-size: 16px;\n}\n.atm-profile-avatar-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n}\n.atm-profile-name {\n font-size: 14px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-arrow {\n width: 16px;\n height: 16px;\n color: var(--atm-text-primary);\n transition: transform 0.2s;\n}\n.atm-rotate {\n transform: rotate(180deg);\n}\n.atm-profile-menu {\n position: absolute;\n top: 100%;\n width: 280px;\n background: var(--atm-bg-primary, #ffffff);\n border: 1px solid var(--atm-border-color, #e0e0e0);\n border-radius: 8px;\n box-shadow: var(--atm-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));\n z-index: 1000;\n overflow: hidden;\n margin-top: 4px;\n}\n.atm-position-left {\n left: 0;\n right: auto;\n}\n.atm-position-right {\n right: 0;\n left: auto;\n}\n.atm-profile-info {\n display: flex;\n gap: 12px;\n padding: 16px;\n border-bottom: 1px solid var(--atm-border-color);\n}\n.atm-profile-details {\n flex: 1;\n min-width: 0;\n}\n.atm-profile-fullname {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--atm-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-email {\n margin: 4px 0 0;\n font-size: 13px;\n color: var(--atm-text-secondary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-options {\n padding: 8px 0;\n}\n.atm-profile-option {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 16px;\n background: none;\n border: none;\n text-align: left;\n cursor: pointer;\n font-size: 14px;\n color: var(--atm-text-primary, #333333);\n gap: 10px;\n transition: all 0.2s;\n border-radius: 4px;\n}\n.atm-profile-option:hover {\n background: var(--atm-bg-secondary, #f5f5f5);\n transform: translateX(2px);\n}\n.atm-profile-icon {\n width: 18px;\n height: 18px;\n color: var(--atm-text-secondary);\n}\n.atm-fade-enter-active,\n.atm-fade-leave-active {\n transition: opacity 0.2s, transform 0.2s;\n}\n.atm-fade-enter-from,\n.atm-fade-leave-to {\n opacity: 0;\n transform: translateY(-10px);\n}\n.atm-profile-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow-y: auto;\n padding: 1.5rem;\n}\n.atm-profile-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n pointer-events: none;\n}\n.atm-profile-content {\n position: relative;\n width: 100%;\n max-width: 450px;\n background: var(--atm-bg-primary, #ffffff);\n border-radius: 12px;\n box-shadow: var(--atm-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));\n z-index: 1;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n.atm-profile-header {\n padding: 16px;\n border-bottom: 1px solid var(--atm-border-color);\n display: flex;\n align-items: center;\n}\n.atm-profile-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n padding: 8px;\n margin-right: 12px;\n color: var(--atm-text-secondary);\n transition: color 0.2s;\n}\n.atm-profile-close:hover {\n color: var(--atm-text-primary);\n}\n.atm-profile-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-profile-tabs {\n display: flex;\n border-bottom: 1px solid var(--atm-border-color);\n background: var(--atm-bg-secondary);\n}\n.atm-tab {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 12px 16px;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: var(--atm-text-secondary);\n transition: all 0.2s;\n}\n.atm-tab:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-tab-active {\n color: var(--v5b4f4479) !important;\n background: var(--atm-bg-primary);\n border-bottom: 2px solid var(--v5b4f4479);\n}\n.atm-tab-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-body {\n padding: 24px;\n text-align: center;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-profile-avatar-large {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: var(--v5b4f4479);\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 600;\n margin: 0 auto 20px;\n position: relative;\n cursor: pointer;\n transition: transform 0.2s;\n}\n.atm-profile-avatar-large:hover {\n transform: scale(1.05);\n}\n.atm-profile-avatar-large.atm-uploading {\n pointer-events: none;\n opacity: 0.7;\n}\n.atm-avatar-overlay {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.2s;\n}\n.atm-profile-avatar-large:hover .atm-avatar-overlay {\n opacity: 1;\n}\n.atm-profile-avatar-large.atm-uploading .atm-avatar-overlay {\n opacity: 1;\n}\n.atm-camera-icon {\n width: 32px;\n height: 32px;\n color: white;\n}\n.atm-spinner {\n width: 32px;\n height: 32px;\n border: 3px solid rgba(255, 255, 255, 0.3);\n border-top-color: white;\n border-radius: 50%;\n animation: atm-spin 0.8s linear infinite;\n}\n@keyframes atm-spin {\nto {\n transform: rotate(360deg);\n}\n}\n.atm-profile-info-grid {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-profile-info-row {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 13px;\n color: var(--atm-text-secondary);\n margin-bottom: 4px;\n}\n.atm-profile-info-value {\n font-size: 16px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-edit-form {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-form-group {\n margin-bottom: 16px;\n}\n.atm-input-label {\n display: block;\n margin-bottom: 6px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field {\n width: 100%;\n padding: 10px 12px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field:focus {\n outline: none;\n border-color: var(--v5b4f4479);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-form-actions {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.atm-save-btn,\n.atm-edit-profile-btn,\n.atm-reset-password-btn,\n.atm-add-email-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: var(--v5b4f4479);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n justify-content: center;\n}\n.atm-save-btn:hover,\n.atm-edit-profile-btn:hover,\n.atm-reset-password-btn:hover,\n.atm-add-email-btn:hover {\n opacity: 0.9;\n}\n.atm-cancel-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n padding: 12px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-secondary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n justify-content: center;\n}\n.atm-cancel-btn:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-btn-icon {\n width: 16px;\n height: 16px;\n}\n.atm-email-add-section {\n margin-bottom: 24px;\n text-align: left;\n}\n.atm-email-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n text-align: left;\n}\n.atm-email-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n background: var(--atm-bg-secondary);\n border-radius: 6px;\n border: 1px solid var(--atm-border-color);\n}\n.atm-email-info {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n.atm-email-address {\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--atm-text-primary);\n}\n.atm-email-icon {\n width: 16px;\n height: 16px;\n color: var(--c5d4cb72);\n}\n.atm-email-badges {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n.atm-badge {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n font-size: 11px;\n font-weight: 500;\n border-radius: 12px;\n text-transform: uppercase;\n}\n.atm-badge-icon {\n width: 12px;\n height: 12px;\n}\n.atm-badge-primary {\n background: #e3f2fd;\n color: #1976d2;\n}\n.atm-badge-verified {\n background: #e8f5e8;\n color: #2e7d32;\n}\n.atm-badge-unverified {\n background: #fff3e0;\n color: #f57c00;\n}\n.atm-email-actions {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-verify-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--v5b4f4479);\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-verify-btn:hover {\n opacity: 0.9;\n}\n.atm-delete-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-delete-btn:hover {\n opacity: 0.9;\n}\n.atm-password-section {\n text-align: left;\n}\n.atm-sessions-section {\n text-align: left;\n}\n.atm-sessions-info {\n margin-bottom: 20px;\n}\n.atm-sessions-description {\n margin: 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n line-height: 1.5;\n}\n.atm-sessions-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.atm-session-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px;\n background: var(--atm-bg-secondary);\n border-radius: 8px;\n border: 1px solid var(--atm-border-color);\n gap: 16px;\n}\n.atm-session-header {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-session-icon {\n width: 24px;\n height: 24px;\n color: var(--c5d4cb72);\n flex-shrink: 0;\n}\n.atm-session-details {\n flex: 1;\n min-width: 0;\n}\n.atm-session-title {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 4px;\n font-size: 15px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-session-device-info {\n font-size: 13px;\n color: var(--atm-text-secondary);\n margin-bottom: 8px;\n}\n.atm-badge-current {\n background: #d1f4e0;\n color: #0f9d58;\n}\n.atm-session-timestamps {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-session-timestamp {\n display: flex;\n gap: 6px;\n font-size: 13px;\n color: var(--atm-text-secondary);\n}\n.atm-timestamp-label {\n font-weight: 500;\n color: var(--atm-text-primary);\n}\n.atm-session-actions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-close-session-btn {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n white-space: nowrap;\n}\n.atm-close-session-btn:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-profile-button {\n padding: 6px 10px;\n gap: 6px;\n}\n.atm-profile-name {\n font-size: 13px;\n}\n.atm-profile-menu {\n width: 260px;\n}\n.atm-profile-modal {\n padding: 1rem;\n}\n.atm-profile-content {\n max-width: 90%;\n max-height: calc(100vh - 2rem);\n}\n.atm-profile-header {\n padding: 14px;\n}\n.atm-profile-title {\n font-size: 16px;\n}\n.atm-profile-body {\n padding: 20px;\n}\n.atm-tab {\n padding: 10px 12px;\n font-size: 13px;\n gap: 4px;\n}\n.atm-tab-icon {\n width: 14px;\n height: 14px;\n}\n.atm-profile-avatar-large {\n width: 70px;\n height: 70px;\n font-size: 22px;\n}\n.atm-email-item {\n flex-direction: column;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-email-actions {\n flex-direction: row;\n width: 100%;\n}\n.atm-verify-btn,\n .atm-delete-btn {\n flex: 1;\n justify-content: center;\n}\n.atm-session-item {\n flex-direction: column;\n align-items: flex-start;\n}\n.atm-session-actions {\n width: 100%;\n}\n.atm-close-session-btn {\n width: 100%;\n justify-content: center;\n}\n}\n@media (max-width: 480px) {\n.atm-profile-button {\n padding: 4px 8px;\n gap: 4px;\n}\n.atm-profile-avatar {\n width: 28px;\n height: 28px;\n font-size: 11px;\n}\n.atm-profile-avatar.large {\n width: 40px;\n height: 40px;\n font-size: 14px;\n}\n.atm-profile-name {\n font-size: 12px;\n}\n.atm-profile-arrow {\n width: 14px;\n height: 14px;\n}\n.atm-profile-menu {\n width: calc(100vw - 20px);\n max-width: 240px;\n}\n.atm-profile-info {\n padding: 12px;\n gap: 10px;\n}\n.atm-profile-fullname {\n font-size: 13px;\n}\n.atm-profile-email {\n font-size: 12px;\n}\n.atm-profile-option {\n padding: 8px 12px;\n font-size: 13px;\n gap: 8px;\n}\n.atm-profile-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-modal {\n padding: 0.5rem;\n}\n.atm-profile-content {\n max-width: 95%;\n max-height: calc(100vh - 1rem);\n}\n.atm-profile-header {\n padding: 12px;\n}\n.atm-profile-close {\n font-size: 20px;\n padding: 4px;\n margin-right: 8px;\n}\n.atm-profile-title {\n font-size: 15px;\n}\n.atm-profile-body {\n padding: 16px;\n}\n.atm-tab {\n padding: 8px 8px;\n font-size: 12px;\n gap: 3px;\n}\n.atm-tab-icon {\n width: 13px;\n height: 13px;\n}\n.atm-profile-avatar-large {\n width: 60px;\n height: 60px;\n font-size: 20px;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 12px;\n}\n.atm-profile-info-value {\n font-size: 14px;\n}\n.atm-input-label {\n font-size: 12px;\n}\n.atm-input-field {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-form-actions {\n flex-direction: column;\n gap: 8px;\n}\n.atm-save-btn,\n .atm-cancel-btn,\n .atm-edit-profile-btn,\n .atm-reset-password-btn {\n width: 100%;\n padding: 10px;\n font-size: 13px;\n}\n.atm-email-item {\n padding: 10px;\n}\n.atm-email-address {\n font-size: 13px;\n}\n.atm-badge {\n font-size: 10px;\n padding: 2px 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-profile-button {\n padding: 4px 6px;\n}\n.atm-profile-avatar {\n width: 26px;\n height: 26px;\n font-size: 10px;\n}\n.atm-profile-name {\n display: none;\n}\n.atm-profile-menu {\n width: calc(100vw - 16px);\n max-width: 220px;\n}\n.atm-profile-modal {\n padding: 0.25rem;\n}\n.atm-profile-content {\n max-width: 98%;\n max-height: calc(100vh - 0.5rem);\n}\n.atm-profile-body {\n padding: 12px;\n}\n.atm-tab {\n padding: 8px 6px;\n font-size: 11px;\n flex-direction: column;\n gap: 2px;\n}\n.atm-profile-avatar-large {\n width: 50px;\n height: 50px;\n font-size: 18px;\n}\n.atm-email-item {\n padding: 8px;\n}\n}\n\n.atm-auth-buttons[data-v-0c63ecb8] {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n}\n@media (max-width: 768px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 14px;\n}\n}\n@media (max-width: 480px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 12px;\n flex-direction: column;\n}\n}\n@media (max-width: 360px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 10px;\n}\n}\n\n.atm-logout-btn[data-v-fc53d394] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v3d3b8ec0);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n min-height: 44px;\n}\n.atm-logout-btn[data-v-fc53d394]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n";
6
6
  document.head.appendChild(style);
7
7
  }
8
8
  })();
@@ -203,7 +203,7 @@ const _export_sfc = (sfc, props) => {
203
203
  }
204
204
  return target;
205
205
  };
206
- const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-5a315eca"]]);
206
+ const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-005ced7c"]]);
207
207
  function useAtmClient() {
208
208
  const { client } = useAtm();
209
209
  return client.value;
@@ -340,8 +340,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
340
340
  ],
341
341
  setup(__props, { emit: __emit }) {
342
342
  vue.useCssVars((_ctx) => ({
343
- "v70f1a692": atmPrimaryColor.value,
344
- "v4a1729f6": atmSecondaryColor.value
343
+ "v4b9ed92e": atmPrimaryColor.value,
344
+ "v905a5488": atmSecondaryColor.value
345
345
  }));
346
346
  const props = __props;
347
347
  const emit = __emit;
@@ -440,12 +440,15 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
440
440
  }
441
441
  return true;
442
442
  } catch (error) {
443
- if (error.errors && typeof error.errors === "object") {
443
+ if (error.errors && typeof error.errors === "object" && Object.keys(error.errors).length > 0) {
444
444
  if (error.errors.email_address) {
445
445
  fieldErrors.value.emailAddress = error.errors.email_address;
446
446
  }
447
- } else {
448
- showNotification?.(error.message || "Erro ao verificar email");
447
+ }
448
+ if (error.message) {
449
+ showNotification?.(error.message);
450
+ } else if (!error.errors || Object.keys(error.errors).length === 0) {
451
+ showNotification?.("Erro ao verificar email");
449
452
  }
450
453
  return false;
451
454
  }
@@ -483,12 +486,15 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
483
486
  }
484
487
  return true;
485
488
  } catch (error) {
486
- if (error.errors && typeof error.errors === "object") {
489
+ if (error.errors && typeof error.errors === "object" && Object.keys(error.errors).length > 0) {
487
490
  if (error.errors.password) {
488
491
  fieldErrors.value.password = error.errors.password;
489
492
  }
490
- } else {
491
- showNotification?.(error.message || "Senha incorreta");
493
+ }
494
+ if (error.message) {
495
+ showNotification?.(error.message);
496
+ } else if (!error.errors || Object.keys(error.errors).length === 0) {
497
+ showNotification?.("Senha incorreta");
492
498
  }
493
499
  return false;
494
500
  }
@@ -499,7 +505,11 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
499
505
  showNotification?.("Link de verificação enviado para seu email", "success");
500
506
  return true;
501
507
  } catch (error) {
502
- showNotification?.(error.message || "Erro ao enviar link de verificação");
508
+ if (error.message) {
509
+ showNotification?.(error.message);
510
+ } else {
511
+ showNotification?.("Erro ao enviar link de verificação");
512
+ }
503
513
  return false;
504
514
  }
505
515
  };
@@ -512,7 +522,11 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
512
522
  await client.auth().resetPassword({ email_address: form.value.emailAddress });
513
523
  currentStep.value = "forgot_password_message";
514
524
  } catch (error) {
515
- showNotification?.(error.message || "Erro ao solicitar recuperação de senha");
525
+ if (error.message) {
526
+ showNotification?.(error.message);
527
+ } else {
528
+ showNotification?.("Erro ao solicitar recuperação de senha");
529
+ }
516
530
  }
517
531
  };
518
532
  const completeAuthentication = async () => {
@@ -540,7 +554,11 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
540
554
  }
541
555
  }, 1e3);
542
556
  } catch (error) {
543
- showNotification?.(error.message || "Erro ao finalizar autenticação");
557
+ if (error.message) {
558
+ showNotification?.(error.message);
559
+ } else {
560
+ showNotification?.("Erro ao finalizar autenticação");
561
+ }
544
562
  isLoading.value = false;
545
563
  }
546
564
  };
@@ -574,7 +592,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
574
592
  isLoading.value = false;
575
593
  }
576
594
  } catch (error) {
577
- if (error.errors && typeof error.errors === "object") {
595
+ if (error.errors && typeof error.errors === "object" && Object.keys(error.errors).length > 0) {
578
596
  const mappedErrors = {};
579
597
  if (error.errors.email_address) {
580
598
  mappedErrors.emailAddress = error.errors.email_address;
@@ -583,8 +601,11 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
583
601
  mappedErrors.password = error.errors.password;
584
602
  }
585
603
  fieldErrors.value = { ...fieldErrors.value, ...mappedErrors };
586
- } else {
587
- showNotification?.(error.message || "Erro durante o processo de login");
604
+ }
605
+ if (error.message) {
606
+ showNotification?.(error.message);
607
+ } else if (!error.errors || Object.keys(error.errors).length === 0) {
608
+ showNotification?.("Erro durante o processo de login");
588
609
  }
589
610
  isLoading.value = false;
590
611
  }
@@ -745,7 +766,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
745
766
  };
746
767
  }
747
768
  });
748
- const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b88e6b76"]]);
769
+ const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-13659384"]]);
749
770
  const _hoisted_1$5 = { class: "atm-signup-container" };
750
771
  const _hoisted_2$1 = { class: "atm-logo-container" };
751
772
  const _hoisted_3$1 = ["src"];
@@ -816,8 +837,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
816
837
  emits: ["completed", "sign-in"],
817
838
  setup(__props, { emit: __emit }) {
818
839
  vue.useCssVars((_ctx) => ({
819
- "v68a45cdb": atmPrimaryColor.value,
820
- "acf3bbae": atmSecondaryColor.value
840
+ "v3198263e": atmPrimaryColor.value,
841
+ "v04ad1ecc": atmSecondaryColor.value
821
842
  }));
822
843
  const props = __props;
823
844
  const emit = __emit;
@@ -972,10 +993,13 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
972
993
  }
973
994
  }, 1e3);
974
995
  } catch (error) {
975
- if (error.errors && typeof error.errors === "object") {
996
+ if (error.errors && typeof error.errors === "object" && Object.keys(error.errors).length > 0) {
976
997
  fieldErrors.value = { ...fieldErrors.value, ...error.errors };
977
- } else {
978
- showNotification(error.message || "Erro ao registrar usuário", "error");
998
+ }
999
+ if (error.message) {
1000
+ showNotification(error.message, "error");
1001
+ } else if (!error.errors || Object.keys(error.errors).length === 0) {
1002
+ showNotification("Erro ao registrar usuário", "error");
979
1003
  }
980
1004
  isLoading.value = false;
981
1005
  }
@@ -1125,7 +1149,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
1125
1149
  };
1126
1150
  }
1127
1151
  });
1128
- const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-00e77670"]]);
1152
+ const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bf49a06e"]]);
1129
1153
  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
1130
1154
  __name: "SignInModal",
1131
1155
  props: {
@@ -1391,18 +1415,19 @@ const _hoisted_20 = {
1391
1415
  class: "atm-btn-icon",
1392
1416
  style: { "width": "80px", "height": "80px", "color": "white", "margin": "0 auto" }
1393
1417
  };
1394
- const _hoisted_21 = {
1418
+ const _hoisted_21 = { class: "atm-avatar-overlay" };
1419
+ const _hoisted_22 = {
1395
1420
  key: 0,
1396
- class: "atm-profile-info-grid"
1421
+ viewBox: "0 0 24 24",
1422
+ class: "atm-camera-icon"
1397
1423
  };
1398
- const _hoisted_22 = { class: "atm-profile-info-row" };
1399
1424
  const _hoisted_23 = {
1400
- key: 0,
1401
- class: "atm-profile-info-value"
1425
+ key: 1,
1426
+ class: "atm-spinner"
1402
1427
  };
1403
1428
  const _hoisted_24 = {
1404
- key: 1,
1405
- class: "atm-profile-info-value"
1429
+ key: 0,
1430
+ class: "atm-profile-info-grid"
1406
1431
  };
1407
1432
  const _hoisted_25 = { class: "atm-profile-info-row" };
1408
1433
  const _hoisted_26 = {
@@ -1414,81 +1439,90 @@ const _hoisted_27 = {
1414
1439
  class: "atm-profile-info-value"
1415
1440
  };
1416
1441
  const _hoisted_28 = { class: "atm-profile-info-row" };
1417
- const _hoisted_29 = { class: "atm-profile-info-value" };
1442
+ const _hoisted_29 = {
1443
+ key: 0,
1444
+ class: "atm-profile-info-value"
1445
+ };
1418
1446
  const _hoisted_30 = {
1419
1447
  key: 1,
1420
- class: "atm-profile-edit-form"
1448
+ class: "atm-profile-info-value"
1421
1449
  };
1422
- const _hoisted_31 = { class: "atm-form-group" };
1423
- const _hoisted_32 = { class: "atm-form-group" };
1450
+ const _hoisted_31 = { class: "atm-profile-info-row" };
1451
+ const _hoisted_32 = { class: "atm-profile-info-value" };
1424
1452
  const _hoisted_33 = {
1425
1453
  key: 1,
1426
- class: "atm-profile-body"
1454
+ class: "atm-profile-edit-form"
1427
1455
  };
1428
- const _hoisted_34 = { class: "atm-email-add-section" };
1456
+ const _hoisted_34 = { class: "atm-form-group" };
1429
1457
  const _hoisted_35 = { class: "atm-form-group" };
1430
- const _hoisted_36 = { class: "atm-badge" };
1431
- const _hoisted_37 = { class: "atm-email-list" };
1432
- const _hoisted_38 = { class: "atm-email-info" };
1433
- const _hoisted_39 = { class: "atm-email-address" };
1434
- const _hoisted_40 = { class: "atm-email-badges" };
1435
- const _hoisted_41 = {
1458
+ const _hoisted_36 = {
1459
+ key: 1,
1460
+ class: "atm-profile-body"
1461
+ };
1462
+ const _hoisted_37 = { class: "atm-email-add-section" };
1463
+ const _hoisted_38 = { class: "atm-form-group" };
1464
+ const _hoisted_39 = { class: "atm-badge" };
1465
+ const _hoisted_40 = { class: "atm-email-list" };
1466
+ const _hoisted_41 = { class: "atm-email-info" };
1467
+ const _hoisted_42 = { class: "atm-email-address" };
1468
+ const _hoisted_43 = { class: "atm-email-badges" };
1469
+ const _hoisted_44 = {
1436
1470
  key: 0,
1437
1471
  class: "atm-badge atm-badge-primary"
1438
1472
  };
1439
- const _hoisted_42 = {
1473
+ const _hoisted_45 = {
1440
1474
  key: 1,
1441
1475
  class: "atm-badge atm-badge-verified"
1442
1476
  };
1443
- const _hoisted_43 = {
1477
+ const _hoisted_46 = {
1444
1478
  key: 2,
1445
1479
  class: "atm-badge atm-badge-unverified"
1446
1480
  };
1447
- const _hoisted_44 = { class: "atm-email-actions" };
1448
- const _hoisted_45 = ["onClick"];
1449
- const _hoisted_46 = ["onClick"];
1450
- const _hoisted_47 = {
1481
+ const _hoisted_47 = { class: "atm-email-actions" };
1482
+ const _hoisted_48 = ["onClick"];
1483
+ const _hoisted_49 = ["onClick"];
1484
+ const _hoisted_50 = {
1451
1485
  key: 2,
1452
1486
  class: "atm-profile-body"
1453
1487
  };
1454
- const _hoisted_48 = {
1488
+ const _hoisted_51 = {
1455
1489
  key: 3,
1456
1490
  class: "atm-profile-body"
1457
1491
  };
1458
- const _hoisted_49 = { class: "atm-sessions-section" };
1459
- const _hoisted_50 = { class: "atm-sessions-list" };
1460
- const _hoisted_51 = { class: "atm-session-info" };
1461
- const _hoisted_52 = { class: "atm-session-header" };
1462
- const _hoisted_53 = {
1492
+ const _hoisted_52 = { class: "atm-sessions-section" };
1493
+ const _hoisted_53 = { class: "atm-sessions-list" };
1494
+ const _hoisted_54 = { class: "atm-session-info" };
1495
+ const _hoisted_55 = { class: "atm-session-header" };
1496
+ const _hoisted_56 = {
1463
1497
  viewBox: "0 0 24 24",
1464
1498
  class: "atm-session-icon"
1465
1499
  };
1466
- const _hoisted_54 = ["d"];
1467
- const _hoisted_55 = { class: "atm-session-details" };
1468
- const _hoisted_56 = { class: "atm-session-title" };
1469
- const _hoisted_57 = {
1500
+ const _hoisted_57 = ["d"];
1501
+ const _hoisted_58 = { class: "atm-session-details" };
1502
+ const _hoisted_59 = { class: "atm-session-title" };
1503
+ const _hoisted_60 = {
1470
1504
  key: 0,
1471
1505
  class: "atm-badge atm-badge-current"
1472
1506
  };
1473
- const _hoisted_58 = {
1507
+ const _hoisted_61 = {
1474
1508
  key: 0,
1475
1509
  class: "atm-session-device-info"
1476
1510
  };
1477
- const _hoisted_59 = { key: 0 };
1478
- const _hoisted_60 = { key: 1 };
1479
- const _hoisted_61 = { key: 2 };
1480
- const _hoisted_62 = { class: "atm-session-timestamps" };
1481
- const _hoisted_63 = { class: "atm-session-timestamp" };
1482
- const _hoisted_64 = { class: "atm-session-timestamp" };
1483
- const _hoisted_65 = { class: "atm-session-actions" };
1484
- const _hoisted_66 = ["onClick"];
1511
+ const _hoisted_62 = { key: 0 };
1512
+ const _hoisted_63 = { key: 1 };
1513
+ const _hoisted_64 = { key: 2 };
1514
+ const _hoisted_65 = { class: "atm-session-timestamps" };
1515
+ const _hoisted_66 = { class: "atm-session-timestamp" };
1516
+ const _hoisted_67 = { class: "atm-session-timestamp" };
1517
+ const _hoisted_68 = { class: "atm-session-actions" };
1518
+ const _hoisted_69 = ["onClick"];
1485
1519
  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
1486
1520
  __name: "UserProfile",
1487
1521
  emits: ["logout"],
1488
1522
  setup(__props, { emit: __emit }) {
1489
1523
  vue.useCssVars((_ctx) => ({
1490
- "v4c42b40c": atmPrimaryColor.value,
1491
- "v955ac0f0": atmSecondaryColor.value
1524
+ "v5b4f4479": atmPrimaryColor.value,
1525
+ "c5d4cb72": atmSecondaryColor.value
1492
1526
  }));
1493
1527
  const emit = __emit;
1494
1528
  const { user, logout } = useAuth();
@@ -1504,6 +1538,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
1504
1538
  const newEmail = vue.ref("");
1505
1539
  const activeTab = vue.ref("geral");
1506
1540
  const sessions = vue.ref([]);
1541
+ const isUploadingPhoto = vue.ref(false);
1507
1542
  const client = useAtmClient();
1508
1543
  const profileForm = vue.ref({
1509
1544
  firstName: "",
@@ -1804,6 +1839,41 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
1804
1839
  const hasFullName = vue.computed(() => {
1805
1840
  return !!(user.value?.firstName && user.value?.lastName);
1806
1841
  });
1842
+ const handlePhotoUpload = async (event) => {
1843
+ const input = event.target;
1844
+ const file = input.files?.[0];
1845
+ if (!file) return;
1846
+ const allowedTypes = ["image/jpeg", "image/jpg", "image/png"];
1847
+ if (!allowedTypes.includes(file.type)) {
1848
+ showNotification("Apenas imagens JPG e PNG são permitidas", "error");
1849
+ return;
1850
+ }
1851
+ if (file.size > 512 * 1024) {
1852
+ showNotification("A imagem deve ter no máximo 512KB", "error");
1853
+ return;
1854
+ }
1855
+ try {
1856
+ isUploadingPhoto.value = true;
1857
+ const token = getCookie("atm_access_token");
1858
+ if (!token) {
1859
+ showNotification("Token de acesso não encontrado", "error");
1860
+ isUploadingPhoto.value = false;
1861
+ return;
1862
+ }
1863
+ showNotification("Foto de perfil atualizada com sucesso!", "success");
1864
+ const profileDataUpdated = await client.account(token).getProfile();
1865
+ updateProfileFormWithData(profileDataUpdated);
1866
+ } catch (error) {
1867
+ showNotification(error.message || "Erro ao atualizar foto de perfil", "error");
1868
+ } finally {
1869
+ isUploadingPhoto.value = false;
1870
+ }
1871
+ input.value = "";
1872
+ };
1873
+ const triggerPhotoUpload = () => {
1874
+ const input = document.getElementById("photo-upload-input");
1875
+ input?.click();
1876
+ };
1807
1877
  vue.onMounted(() => {
1808
1878
  document.addEventListener("click", closeMenu);
1809
1879
  window.addEventListener("resize", calculateDropdownPosition);
@@ -1999,9 +2069,17 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
1999
2069
  ])], 2)
2000
2070
  ]),
2001
2071
  activeTab.value === "geral" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
2072
+ vue.createElementVNode("input", {
2073
+ type: "file",
2074
+ id: "photo-upload-input",
2075
+ accept: "image/jpeg,image/jpg,image/png",
2076
+ onChange: handlePhotoUpload,
2077
+ style: { "display": "none" }
2078
+ }, null, 32),
2002
2079
  vue.createElementVNode("div", {
2003
- class: "atm-profile-avatar-large",
2004
- style: vue.normalizeStyle(vue.unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
2080
+ class: vue.normalizeClass(["atm-profile-avatar-large", { "atm-uploading": isUploadingPhoto.value }]),
2081
+ style: vue.normalizeStyle(vue.unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value }),
2082
+ onClick: triggerPhotoUpload
2005
2083
  }, [
2006
2084
  vue.unref(user)?.profileImage ? (vue.openBlock(), vue.createElementBlock("img", {
2007
2085
  key: 0,
@@ -2013,27 +2091,35 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2013
2091
  fill: "currentColor",
2014
2092
  d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
2015
2093
  }, null, -1)
2016
- ])]))
2017
- ], 4),
2018
- !isEditingProfile.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
2019
- vue.createElementVNode("div", _hoisted_22, [
2020
- _cache[18] || (_cache[18] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Nome", -1)),
2021
- hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_23, vue.toDisplayString(profileForm.value.firstName), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_24, "Não informado"))
2022
- ]),
2094
+ ])])),
2095
+ vue.createElementVNode("div", _hoisted_21, [
2096
+ !isUploadingPhoto.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_22, [..._cache[18] || (_cache[18] = [
2097
+ vue.createElementVNode("path", {
2098
+ fill: "currentColor",
2099
+ d: "M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z"
2100
+ }, null, -1)
2101
+ ])])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_23))
2102
+ ])
2103
+ ], 6),
2104
+ !isEditingProfile.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
2023
2105
  vue.createElementVNode("div", _hoisted_25, [
2024
- _cache[19] || (_cache[19] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Sobrenome", -1)),
2025
- hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_26, vue.toDisplayString(profileForm.value.lastName), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_27, "Não informado"))
2106
+ _cache[19] || (_cache[19] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Nome", -1)),
2107
+ hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_26, vue.toDisplayString(profileForm.value.firstName), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_27, "Não informado"))
2026
2108
  ]),
2027
2109
  vue.createElementVNode("div", _hoisted_28, [
2028
- _cache[20] || (_cache[20] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Email Principal", -1)),
2029
- vue.createElementVNode("span", _hoisted_29, vue.toDisplayString(profileForm.value.primaryEmailAddress), 1)
2110
+ _cache[20] || (_cache[20] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Sobrenome", -1)),
2111
+ hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_29, vue.toDisplayString(profileForm.value.lastName), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_30, "Não informado"))
2112
+ ]),
2113
+ vue.createElementVNode("div", _hoisted_31, [
2114
+ _cache[21] || (_cache[21] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Email Principal", -1)),
2115
+ vue.createElementVNode("span", _hoisted_32, vue.toDisplayString(profileForm.value.primaryEmailAddress), 1)
2030
2116
  ]),
2031
2117
  vue.createElementVNode("div", { class: "atm-profile-info-row" }, [
2032
2118
  vue.createElementVNode("button", {
2033
2119
  class: "atm-edit-profile-btn",
2034
2120
  onClick: startEditing,
2035
2121
  type: "button"
2036
- }, [..._cache[21] || (_cache[21] = [
2122
+ }, [..._cache[22] || (_cache[22] = [
2037
2123
  vue.createElementVNode("svg", {
2038
2124
  viewBox: "0 0 24 24",
2039
2125
  class: "atm-btn-icon"
@@ -2046,9 +2132,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2046
2132
  vue.createTextVNode(" Editar Perfil ", -1)
2047
2133
  ])])
2048
2134
  ])
2049
- ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_30, [
2050
- vue.createElementVNode("div", _hoisted_31, [
2051
- _cache[22] || (_cache[22] = vue.createElementVNode("label", { class: "atm-input-label" }, "Nome", -1)),
2135
+ ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_33, [
2136
+ vue.createElementVNode("div", _hoisted_34, [
2137
+ _cache[23] || (_cache[23] = vue.createElementVNode("label", { class: "atm-input-label" }, "Nome", -1)),
2052
2138
  vue.withDirectives(vue.createElementVNode("input", {
2053
2139
  type: "text",
2054
2140
  class: "atm-input-field",
@@ -2058,8 +2144,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2058
2144
  [vue.vModelText, profileForm.value.firstName]
2059
2145
  ])
2060
2146
  ]),
2061
- vue.createElementVNode("div", _hoisted_32, [
2062
- _cache[23] || (_cache[23] = vue.createElementVNode("label", { class: "atm-input-label" }, "Sobrenome", -1)),
2147
+ vue.createElementVNode("div", _hoisted_35, [
2148
+ _cache[24] || (_cache[24] = vue.createElementVNode("label", { class: "atm-input-label" }, "Sobrenome", -1)),
2063
2149
  vue.withDirectives(vue.createElementVNode("input", {
2064
2150
  type: "text",
2065
2151
  class: "atm-input-field",
@@ -2074,7 +2160,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2074
2160
  class: "atm-save-btn",
2075
2161
  onClick: updateProfile,
2076
2162
  type: "button"
2077
- }, [..._cache[24] || (_cache[24] = [
2163
+ }, [..._cache[25] || (_cache[25] = [
2078
2164
  vue.createElementVNode("svg", {
2079
2165
  viewBox: "0 0 24 24",
2080
2166
  class: "atm-btn-icon"
@@ -2090,7 +2176,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2090
2176
  class: "atm-cancel-btn",
2091
2177
  onClick: cancelEditing,
2092
2178
  type: "button"
2093
- }, [..._cache[25] || (_cache[25] = [
2179
+ }, [..._cache[26] || (_cache[26] = [
2094
2180
  vue.createElementVNode("svg", {
2095
2181
  viewBox: "0 0 24 24",
2096
2182
  class: "atm-btn-icon"
@@ -2105,11 +2191,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2105
2191
  ])
2106
2192
  ]))
2107
2193
  ])) : vue.createCommentVNode("", true),
2108
- activeTab.value === "emails" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_33, [
2109
- vue.createElementVNode("div", _hoisted_34, [
2110
- vue.createElementVNode("div", _hoisted_35, [
2111
- _cache[27] || (_cache[27] = vue.createElementVNode("label", { class: "atm-input-label" }, "Adicionar novo email", -1)),
2112
- vue.createElementVNode("div", _hoisted_36, [
2194
+ activeTab.value === "emails" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_36, [
2195
+ vue.createElementVNode("div", _hoisted_37, [
2196
+ vue.createElementVNode("div", _hoisted_38, [
2197
+ _cache[28] || (_cache[28] = vue.createElementVNode("label", { class: "atm-input-label" }, "Adicionar novo email", -1)),
2198
+ vue.createElementVNode("div", _hoisted_39, [
2113
2199
  vue.withDirectives(vue.createElementVNode("input", {
2114
2200
  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => newEmail.value = $event),
2115
2201
  type: "email",
@@ -2122,7 +2208,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2122
2208
  onClick: createEmailAddress,
2123
2209
  class: "atm-add-email-btn",
2124
2210
  type: "button"
2125
- }, [..._cache[26] || (_cache[26] = [
2211
+ }, [..._cache[27] || (_cache[27] = [
2126
2212
  vue.createElementVNode("svg", {
2127
2213
  viewBox: "0 0 24 24",
2128
2214
  class: "atm-btn-icon"
@@ -2136,15 +2222,15 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2136
2222
  ])
2137
2223
  ])
2138
2224
  ]),
2139
- vue.createElementVNode("div", _hoisted_37, [
2225
+ vue.createElementVNode("div", _hoisted_40, [
2140
2226
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(emailAddresses.value, (email) => {
2141
2227
  return vue.openBlock(), vue.createElementBlock("div", {
2142
2228
  key: email.id,
2143
2229
  class: "atm-email-item"
2144
2230
  }, [
2145
- vue.createElementVNode("div", _hoisted_38, [
2146
- vue.createElementVNode("div", _hoisted_39, [
2147
- _cache[28] || (_cache[28] = vue.createElementVNode("svg", {
2231
+ vue.createElementVNode("div", _hoisted_41, [
2232
+ vue.createElementVNode("div", _hoisted_42, [
2233
+ _cache[29] || (_cache[29] = vue.createElementVNode("svg", {
2148
2234
  viewBox: "0 0 24 24",
2149
2235
  class: "atm-email-icon"
2150
2236
  }, [
@@ -2155,9 +2241,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2155
2241
  ], -1)),
2156
2242
  vue.createElementVNode("span", null, vue.toDisplayString(email.email_address), 1)
2157
2243
  ]),
2158
- vue.createElementVNode("div", _hoisted_40, [
2159
- email.primary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_41, "Principal")) : vue.createCommentVNode("", true),
2160
- email.verified ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_42, [..._cache[29] || (_cache[29] = [
2244
+ vue.createElementVNode("div", _hoisted_43, [
2245
+ email.primary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_44, "Principal")) : vue.createCommentVNode("", true),
2246
+ email.verified ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_45, [..._cache[30] || (_cache[30] = [
2161
2247
  vue.createElementVNode("svg", {
2162
2248
  viewBox: "0 0 24 24",
2163
2249
  class: "atm-badge-icon"
@@ -2168,7 +2254,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2168
2254
  })
2169
2255
  ], -1),
2170
2256
  vue.createTextVNode(" Verificado ", -1)
2171
- ])])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_43, [..._cache[30] || (_cache[30] = [
2257
+ ])])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_46, [..._cache[31] || (_cache[31] = [
2172
2258
  vue.createElementVNode("svg", {
2173
2259
  viewBox: "0 0 24 24",
2174
2260
  class: "atm-badge-icon"
@@ -2182,13 +2268,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2182
2268
  ])]))
2183
2269
  ])
2184
2270
  ]),
2185
- vue.createElementVNode("div", _hoisted_44, [
2271
+ vue.createElementVNode("div", _hoisted_47, [
2186
2272
  !email.verified ? (vue.openBlock(), vue.createElementBlock("button", {
2187
2273
  key: 0,
2188
2274
  onClick: ($event) => requestEmailVerification(email.id),
2189
2275
  class: "atm-verify-btn",
2190
2276
  type: "button"
2191
- }, [..._cache[31] || (_cache[31] = [
2277
+ }, [..._cache[32] || (_cache[32] = [
2192
2278
  vue.createElementVNode("svg", {
2193
2279
  viewBox: "0 0 24 24",
2194
2280
  class: "atm-btn-icon"
@@ -2199,13 +2285,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2199
2285
  })
2200
2286
  ], -1),
2201
2287
  vue.createTextVNode(" Verificar ", -1)
2202
- ])], 8, _hoisted_45)) : vue.createCommentVNode("", true),
2288
+ ])], 8, _hoisted_48)) : vue.createCommentVNode("", true),
2203
2289
  !email.primary ? (vue.openBlock(), vue.createElementBlock("button", {
2204
2290
  key: 1,
2205
2291
  onClick: ($event) => deleteEmailAddress(email.id),
2206
2292
  class: "atm-delete-btn",
2207
2293
  type: "button"
2208
- }, [..._cache[32] || (_cache[32] = [
2294
+ }, [..._cache[33] || (_cache[33] = [
2209
2295
  vue.createElementVNode("svg", {
2210
2296
  viewBox: "0 0 24 24",
2211
2297
  class: "atm-btn-icon"
@@ -2216,15 +2302,15 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2216
2302
  })
2217
2303
  ], -1),
2218
2304
  vue.createTextVNode(" Remover ", -1)
2219
- ])], 8, _hoisted_46)) : vue.createCommentVNode("", true)
2305
+ ])], 8, _hoisted_49)) : vue.createCommentVNode("", true)
2220
2306
  ])
2221
2307
  ]);
2222
2308
  }), 128))
2223
2309
  ])
2224
2310
  ])) : vue.createCommentVNode("", true),
2225
- activeTab.value === "senha" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_47, [
2311
+ activeTab.value === "senha" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_50, [
2226
2312
  vue.createElementVNode("div", { class: "atm-password-section" }, [
2227
- _cache[34] || (_cache[34] = vue.createElementVNode("div", { class: "atm-profile-info-row" }, [
2313
+ _cache[35] || (_cache[35] = vue.createElementVNode("div", { class: "atm-profile-info-row" }, [
2228
2314
  vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Redefinir Senha"),
2229
2315
  vue.createElementVNode("span", { class: "atm-profile-info-value" }, " Enviaremos um link para redefinir sua senha no email principal ")
2230
2316
  ], -1)),
@@ -2233,7 +2319,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2233
2319
  class: "atm-reset-password-btn",
2234
2320
  onClick: sendResetPasswordLink,
2235
2321
  type: "button"
2236
- }, [..._cache[33] || (_cache[33] = [
2322
+ }, [..._cache[34] || (_cache[34] = [
2237
2323
  vue.createElementVNode("svg", {
2238
2324
  viewBox: "0 0 24 24",
2239
2325
  class: "atm-btn-icon"
@@ -2248,55 +2334,55 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2248
2334
  ])
2249
2335
  ])
2250
2336
  ])) : vue.createCommentVNode("", true),
2251
- activeTab.value === "sessoes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_48, [
2252
- vue.createElementVNode("div", _hoisted_49, [
2253
- _cache[38] || (_cache[38] = vue.createElementVNode("div", { class: "atm-sessions-info" }, [
2337
+ activeTab.value === "sessoes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_51, [
2338
+ vue.createElementVNode("div", _hoisted_52, [
2339
+ _cache[39] || (_cache[39] = vue.createElementVNode("div", { class: "atm-sessions-info" }, [
2254
2340
  vue.createElementVNode("p", { class: "atm-sessions-description" }, " Gerencie os dispositivos conectados à sua conta. Você pode encerrar sessões em dispositivos que não reconhece. ")
2255
2341
  ], -1)),
2256
- vue.createElementVNode("div", _hoisted_50, [
2342
+ vue.createElementVNode("div", _hoisted_53, [
2257
2343
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sessions.value, (session) => {
2258
2344
  return vue.openBlock(), vue.createElementBlock("div", {
2259
2345
  key: session.id,
2260
2346
  class: "atm-session-item"
2261
2347
  }, [
2262
- vue.createElementVNode("div", _hoisted_51, [
2263
- vue.createElementVNode("div", _hoisted_52, [
2264
- (vue.openBlock(), vue.createElementBlock("svg", _hoisted_53, [
2348
+ vue.createElementVNode("div", _hoisted_54, [
2349
+ vue.createElementVNode("div", _hoisted_55, [
2350
+ (vue.openBlock(), vue.createElementBlock("svg", _hoisted_56, [
2265
2351
  vue.createElementVNode("path", {
2266
2352
  fill: "currentColor",
2267
2353
  d: getDeviceIcon(session.device)
2268
- }, null, 8, _hoisted_54)
2354
+ }, null, 8, _hoisted_57)
2269
2355
  ])),
2270
- vue.createElementVNode("div", _hoisted_55, [
2271
- vue.createElementVNode("div", _hoisted_56, [
2356
+ vue.createElementVNode("div", _hoisted_58, [
2357
+ vue.createElementVNode("div", _hoisted_59, [
2272
2358
  vue.createElementVNode("span", null, vue.toDisplayString(session.ip_address), 1),
2273
- session.current === 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_57, "Atual")) : vue.createCommentVNode("", true)
2359
+ session.current === 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_60, "Atual")) : vue.createCommentVNode("", true)
2274
2360
  ]),
2275
- session.device.browser || session.device.platform ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_58, [
2276
- session.device.browser ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_59, vue.toDisplayString(session.device.browser) + vue.toDisplayString(session.device.browser_version ? ` ${session.device.browser_version}` : ""), 1)) : vue.createCommentVNode("", true),
2277
- session.device.browser && session.device.platform ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_60, " • ")) : vue.createCommentVNode("", true),
2278
- session.device.platform ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_61, vue.toDisplayString(session.device.platform), 1)) : vue.createCommentVNode("", true)
2361
+ session.device.browser || session.device.platform ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_61, [
2362
+ session.device.browser ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_62, vue.toDisplayString(session.device.browser) + vue.toDisplayString(session.device.browser_version ? ` ${session.device.browser_version}` : ""), 1)) : vue.createCommentVNode("", true),
2363
+ session.device.browser && session.device.platform ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_63, " • ")) : vue.createCommentVNode("", true),
2364
+ session.device.platform ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_64, vue.toDisplayString(session.device.platform), 1)) : vue.createCommentVNode("", true)
2279
2365
  ])) : vue.createCommentVNode("", true),
2280
- vue.createElementVNode("div", _hoisted_62, [
2281
- vue.createElementVNode("div", _hoisted_63, [
2282
- _cache[35] || (_cache[35] = vue.createElementVNode("span", { class: "atm-timestamp-label" }, "Iniciada:", -1)),
2366
+ vue.createElementVNode("div", _hoisted_65, [
2367
+ vue.createElementVNode("div", _hoisted_66, [
2368
+ _cache[36] || (_cache[36] = vue.createElementVNode("span", { class: "atm-timestamp-label" }, "Iniciada:", -1)),
2283
2369
  vue.createElementVNode("span", null, vue.toDisplayString(formatDate(session.started_at)), 1)
2284
2370
  ]),
2285
- vue.createElementVNode("div", _hoisted_64, [
2286
- _cache[36] || (_cache[36] = vue.createElementVNode("span", { class: "atm-timestamp-label" }, "Última atividade:", -1)),
2371
+ vue.createElementVNode("div", _hoisted_67, [
2372
+ _cache[37] || (_cache[37] = vue.createElementVNode("span", { class: "atm-timestamp-label" }, "Última atividade:", -1)),
2287
2373
  vue.createElementVNode("span", null, vue.toDisplayString(formatDate(session.last_activity_at)), 1)
2288
2374
  ])
2289
2375
  ])
2290
2376
  ])
2291
2377
  ])
2292
2378
  ]),
2293
- vue.createElementVNode("div", _hoisted_65, [
2379
+ vue.createElementVNode("div", _hoisted_68, [
2294
2380
  session.current !== 1 ? (vue.openBlock(), vue.createElementBlock("button", {
2295
2381
  key: 0,
2296
2382
  onClick: ($event) => closeSessionById(session.id),
2297
2383
  class: "atm-close-session-btn",
2298
2384
  type: "button"
2299
- }, [..._cache[37] || (_cache[37] = [
2385
+ }, [..._cache[38] || (_cache[38] = [
2300
2386
  vue.createElementVNode("svg", {
2301
2387
  viewBox: "0 0 24 24",
2302
2388
  class: "atm-btn-icon"
@@ -2307,7 +2393,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
2307
2393
  })
2308
2394
  ], -1),
2309
2395
  vue.createTextVNode(" Encerrar ", -1)
2310
- ])], 8, _hoisted_66)) : vue.createCommentVNode("", true)
2396
+ ])], 8, _hoisted_69)) : vue.createCommentVNode("", true)
2311
2397
  ])
2312
2398
  ]);
2313
2399
  }), 128))