@autenticar-me/vue 0.7.0 → 0.8.1

package/dist/components/Modals/Modal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/Modal.vue"],"names":[],"mappings":"AA0PA,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFAmBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/Modal.vue"],"names":[],"mappings":"AA2PA,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFAmBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Modals/SignUpModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignUpModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/SignUpModal.vue"],"names":[],"mappings":"AAoFA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;AAuLD,wBAQG"}
+{"version":3,"file":"SignUpModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/SignUpModal.vue"],"names":[],"mappings":"AAgHA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;AA8LD,wBAQG"}

package/dist/components/SignIn.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignIn.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignIn.vue"],"names":[],"mappings":"AAs1BA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;;;;;;AA4lBD,wBAQG"}
+{"version":3,"file":"SignIn.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignIn.vue"],"names":[],"mappings":"AAw1BA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;;;;;;AA4lBD,wBAQG"}

package/dist/components/SignUp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignUp.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.vue"],"names":[],"mappings":"AAgrBA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;;;;;;AAgfD,wBAQG"}
+{"version":3,"file":"SignUp.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.vue"],"names":[],"mappings":"AAmrBA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;;;;;;AAgfD,wBAQG"}

package/dist/components/UserProfile.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.vue.d.ts","sourceRoot":"","sources":["../../src/components/UserProfile.vue"],"names":[],"mappings":";;;AA6xFA,wBAMG"}
+{"version":3,"file":"UserProfile.vue.d.ts","sourceRoot":"","sources":["../../src/components/UserProfile.vue"],"names":[],"mappings":";;;AAyyFA,wBAMG"}

package/dist/composables/useTheme.d.ts

@@ -0,0 +1,10 @@
+type Theme = 'light' | 'dark' | 'auto';
+export declare function useTheme(): {
+    theme: import('vue').Ref<Theme, Theme>;
+    currentTheme: import('vue').ComputedRef<"light" | "dark">;
+    isDark: import('vue').ComputedRef<boolean>;
+    setTheme: (theme: Theme) => void;
+    toggleTheme: () => void;
+};
+export {};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/composables/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AA6CtC,wBAAgB,QAAQ;;;;sBACK,KAAK;;EAuCjC"}

package/dist/index.cjs

@@ -2,7 +2,7 @@
                     (function() {
                     if (typeof document !== 'undefined') {
                         const style = document.createElement('style');
-                        style.textContent = "\n.atm-overlay[data-v-c347df44] {\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-c347df44] {\n    padding: 0 1.5rem;\n    width: 100%;\n    margin: auto;\n}\n.atm-fade-layer[data-v-c347df44] {\n    position: fixed;\n    inset: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n}\n.atm-fade-bg[data-v-c347df44] {\n    position: absolute;\n    inset: 0;\n    opacity: 0.75;\n}\n.atm-modal[data-v-c347df44] {\n    position: relative;\n    display: inline-block;\n    vertical-align: bottom;\n    background-color: #ffffff;\n    border-radius: 0.5rem;\n    text-align: left;\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\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-c347df44] {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    color: #9ca3af;\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}\n.atm-close-button[data-v-c347df44]:hover {\n    color: #4b5563;\n}\n.atm-icon[data-v-c347df44] {\n    width: 1.5rem;\n    height: 1.5rem;\n}\n.atm-modal-content[data-v-c347df44] {\n    padding: 1.25rem;\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n}\n.atm-modal-title[data-v-c347df44] {\n    font-size: 1.125rem;\n    font-weight: 500;\n    color: #111827;\n    margin: 0;\n    margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-c347df44] {\n        padding: 1rem 0;\n}\n.atm-container[data-v-c347df44] {\n        padding: 0 1rem;\n}\n.atm-modal[data-v-c347df44] {\n        border-radius: 0.375rem;\n        max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-c347df44] {\n        padding: 1rem;\n}\n.atm-modal-title[data-v-c347df44] {\n        font-size: 1rem;\n        margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-c347df44] {\n        top: 0.75rem;\n        right: 0.75rem;\n}\n.atm-icon[data-v-c347df44] {\n        width: 1.25rem;\n        height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-c347df44] {\n        padding: 0.5rem 0;\n}\n.atm-container[data-v-c347df44] {\n        padding: 0 0.5rem;\n}\n.atm-modal[data-v-c347df44] {\n        border-radius: 0.25rem;\n        max-width: 100%;\n        max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-c347df44] {\n        padding: 0.875rem;\n}\n.atm-modal-title[data-v-c347df44] {\n        font-size: 0.9375rem;\n        margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-c347df44] {\n        top: 0.5rem;\n        right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-c347df44] {\n        padding: 0.25rem 0;\n}\n.atm-container[data-v-c347df44] {\n        padding: 0 0.25rem;\n}\n.atm-modal[data-v-c347df44] {\n        max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-c347df44] {\n        padding: 0.75rem;\n}\n.atm-modal-title[data-v-c347df44] {\n        font-size: 0.875rem;\n        margin-bottom: 0.5rem;\n}\n}\n\n.atm-login-container[data-v-c3d00fb8] {\n    background: #ffffff;\n    border-radius: 8px;\n    font-family: 'Segoe UI', system-ui, sans-serif;\n    text-align: center;\n}\n.atm-logo-container[data-v-c3d00fb8] {\n    margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-c3d00fb8] {\n    width: 44px;\n    height: 44px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f0f0f0;\n    border-radius: 50%;\n    color: #888;\n    font-size: 11px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\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-c3d00fb8] {\n    margin: 0 0 4px 0;\n    font-size: 18px;\n    color: var(--v36da353d);\n    font-weight: 600;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    color: #666;\n}\n.atm-form-group[data-v-c3d00fb8] {\n    margin-bottom: 12px;\n    text-align: left;\n}\n.atm-input-label[data-v-c3d00fb8] {\n    display: block;\n    margin-bottom: 4px;\n    font-size: 13px;\n    color: #555;\n    font-weight: 500;\n}\n.atm-input-field[data-v-c3d00fb8] {\n    width: 100%;\n    padding: 8px 10px;\n    border: 1px solid #ddd;\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-c3d00fb8]:focus {\n    outline: none;\n    border-color: var(--v36da353d);\n    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-c3d00fb8]:disabled {\n    background-color: #f5f5f5;\n    cursor: not-allowed;\n}\n.atm-field-error[data-v-c3d00fb8] {\n    color: #dc3545;\n    font-size: 12px;\n    margin-top: 4px;\n    text-align: left;\n}\n.atm-alternative-options[data-v-c3d00fb8] {\n    margin-top: 8px;\n    text-align: center;\n}\n.atm-forgot-password-link[data-v-c3d00fb8] {\n    font-size: 12px;\n    background: none;\n    border: none;\n    color: var(--v7cb12bea);\n    cursor: pointer;\n    text-decoration: none;\n    padding: 0;\n    font-family: inherit;\n}\n.atm-forgot-password-link[data-v-c3d00fb8]:hover:not(:disabled) {\n    text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-c3d00fb8]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-c3d00fb8] {\n    text-align: center;\n    margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-c3d00fb8] {\n    font-size: 14px;\n    color: #666;\n    margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-c3d00fb8] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n    width: 100%;\n    padding: 10px;\n    background: #f8f9fa;\n    color: #333;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    font-size: 14px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n.atm-strategy-button[data-v-c3d00fb8]:hover:not(:disabled) {\n    background: #e9ecef;\n    border-color: var(--v36da353d);\n}\n.atm-strategy-button[data-v-c3d00fb8]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n.atm-email-link-text[data-v-c3d00fb8] {\n    font-size: 14px;\n    color: #666;\n    margin: 0;\n    text-align: center;\n}\n.atm-login-button[data-v-c3d00fb8] {\n    width: 100%;\n    padding: 10px;\n    margin-top: 4px;\n    background: var(--v36da353d);\n    color: #fff;\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-c3d00fb8]:hover:not(:disabled) {\n    opacity: 0.9;\n    transform: translateY(-1px);\n}\n.atm-login-button[data-v-c3d00fb8]:disabled {\n    opacity: 0.8;\n    cursor: not-allowed;\n    transform: none;\n}\n.button-spinner[data-v-c3d00fb8] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #fff;\n    font-weight: 500;\n}\n.spinner-svg[data-v-c3d00fb8] {\n    animation: spin-c3d00fb8 1s linear infinite;\n    width: 18px;\n    height: 18px;\n    stroke: #fff;\n}\n.spinner-circle[data-v-c3d00fb8] {\n    stroke-dasharray: 90, 150;\n    stroke-linecap: round;\n}\n@keyframes spin-c3d00fb8 {\n0% {\n        transform: rotate(0deg);\n}\n100% {\n        transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-c3d00fb8] {\n    margin-top: 16px;\n    font-size: 13px;\n}\n.atm-signup-text[data-v-c3d00fb8] {\n    color: #666;\n    margin-bottom: 6px;\n}\n.atm-signup-link[data-v-c3d00fb8] {\n    color: var(--v7cb12bea);\n    text-decoration: none;\n    cursor: pointer;\n}\n.atm-signup-link[data-v-c3d00fb8]:hover {\n    text-decoration: underline;\n}\n.atm-powered-by[data-v-c3d00fb8] {\n    color: #999;\n    font-size: 11px;\n    margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-c3d00fb8] {\n        font-size: 17px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n        font-size: 13px;\n        margin-bottom: 14px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n        font-size: 12px;\n        margin-bottom: 4px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n        padding: 8px 10px;\n        font-size: 13px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 40px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n        padding: 9px;\n        font-size: 13px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n        margin-top: 14px;\n        font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-c3d00fb8] {\n        width: 40px;\n        height: 40px;\n        font-size: 10px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\n        max-width: 40px;\n        max-height: 40px;\n}\n.atm-project-name[data-v-c3d00fb8] {\n        font-size: 16px;\n        margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n        font-size: 12px;\n        margin-bottom: 12px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n        font-size: 12px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n        padding: 7px 9px;\n        font-size: 13px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 38px;\n}\n.atm-forgot-password-link[data-v-c3d00fb8] {\n        font-size: 11px;\n}\n.atm-strategy-title[data-v-c3d00fb8] {\n        font-size: 13px;\n        margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n        padding: 9px;\n        font-size: 13px;\n}\n.atm-email-link-text[data-v-c3d00fb8] {\n        font-size: 13px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n        margin-top: 12px;\n        font-size: 12px;\n}\n.atm-powered-by[data-v-c3d00fb8] {\n        font-size: 10px;\n}\n.spinner-svg[data-v-c3d00fb8] {\n        width: 16px;\n        height: 16px;\n}\n.button-spinner[data-v-c3d00fb8] {\n        gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-c3d00fb8] {\n        width: 36px;\n        height: 36px;\n        font-size: 9px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\n        max-width: 36px;\n        max-height: 36px;\n}\n.atm-project-name[data-v-c3d00fb8] {\n        font-size: 15px;\n        margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n        font-size: 11px;\n        margin-bottom: 10px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n        margin-bottom: 8px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n        font-size: 11px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n        padding: 6px 8px;\n        font-size: 12px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n        font-size: 12px;\n        padding: 8px;\n        min-height: 36px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n        padding: 8px;\n        font-size: 12px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n        margin-top: 10px;\n        font-size: 11px;\n}\n.spinner-svg[data-v-c3d00fb8] {\n        width: 14px;\n        height: 14px;\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-signup-container[data-v-3359c6ca] {\n    width: 100%;\n    border-radius: 8px;\n    font-family: 'Segoe UI', system-ui, sans-serif;\n    text-align: center;\n}\n.atm-logo-container[data-v-3359c6ca] {\n    margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-3359c6ca] {\n    width: 44px;\n    height: 44px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f0f0f0;\n    border-radius: 50%;\n    color: #888;\n    font-size: 11px;\n}\n.atm-logo-image[data-v-3359c6ca] {\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-3359c6ca] {\n    margin: 0 0 4px 0;\n    font-size: 18px;\n    color: var(--v9e732be0);\n    font-weight: 600;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    color: #666;\n}\n.atm-form-group[data-v-3359c6ca] {\n    margin-bottom: 12px;\n    text-align: left;\n}\n.atm-input-label[data-v-3359c6ca] {\n    display: block;\n    margin-bottom: 4px;\n    font-size: 13px;\n    color: #555;\n    font-weight: 500;\n}\n.atm-input-field[data-v-3359c6ca] {\n    width: 100%;\n    padding: 8px 10px;\n    border: 1px solid #ddd;\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-3359c6ca]:focus {\n    outline: none;\n    border-color: var(--v9e732be0);\n    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-3359c6ca]:disabled {\n    background-color: #f5f5f5;\n    cursor: not-allowed;\n}\n.atm-field-error[data-v-3359c6ca] {\n    color: #dc3545;\n    font-size: 12px;\n    margin-top: 4px;\n    text-align: left;\n}\n.atm-signup-button[data-v-3359c6ca] {\n    width: 100%;\n    padding: 10px;\n    margin-top: 4px;\n    background: var(--v9e732be0);\n    color: #fff;\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-3359c6ca]:hover:not(:disabled) {\n    opacity: 0.9;\n    transform: translateY(-1px);\n}\n.atm-signup-button[data-v-3359c6ca]:disabled {\n    opacity: 0.8;\n    cursor: not-allowed;\n    transform: none;\n}\n.button-spinner[data-v-3359c6ca] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #fff;\n    font-weight: 500;\n}\n.spinner-svg[data-v-3359c6ca] {\n    animation: spin-3359c6ca 1s linear infinite;\n    width: 18px;\n    height: 18px;\n    stroke: #fff;\n}\n.spinner-circle[data-v-3359c6ca] {\n    stroke-dasharray: 90, 150;\n    stroke-linecap: round;\n}\n@keyframes spin-3359c6ca {\n0% {\n        transform: rotate(0deg);\n}\n100% {\n        transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-3359c6ca] {\n    margin-top: 16px;\n    font-size: 13px;\n}\n.atm-login-text[data-v-3359c6ca] {\n    color: #666;\n    margin-bottom: 6px;\n}\n.atm-login-link[data-v-3359c6ca] {\n    color: var(--v7159b61e);\n    text-decoration: none;\n    cursor: pointer;\n    transition: opacity 0.2s;\n}\n.atm-login-link[data-v-3359c6ca]:hover:not(.disabled-link) {\n    text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-3359c6ca] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n}\n.atm-powered-by[data-v-3359c6ca] {\n    color: #999;\n    font-size: 11px;\n    margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-3359c6ca] {\n        font-size: 17px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n        font-size: 13px;\n        margin-bottom: 14px;\n}\n.atm-form-group[data-v-3359c6ca] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-3359c6ca] {\n        font-size: 12px;\n        margin-bottom: 4px;\n}\n.atm-input-field[data-v-3359c6ca] {\n        padding: 8px 10px;\n        font-size: 13px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 40px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n        margin-top: 14px;\n        font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-3359c6ca] {\n        width: 40px;\n        height: 40px;\n        font-size: 10px;\n}\n.atm-logo-image[data-v-3359c6ca] {\n        max-width: 40px;\n        max-height: 40px;\n}\n.atm-project-name[data-v-3359c6ca] {\n        font-size: 16px;\n        margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n        font-size: 12px;\n        margin-bottom: 12px;\n}\n.atm-form-group[data-v-3359c6ca] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-3359c6ca] {\n        font-size: 12px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-3359c6ca] {\n        padding: 7px 9px;\n        font-size: 13px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 38px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n        margin-top: 12px;\n        font-size: 12px;\n}\n.atm-powered-by[data-v-3359c6ca] {\n        font-size: 10px;\n}\n.spinner-svg[data-v-3359c6ca] {\n        width: 16px;\n        height: 16px;\n}\n.button-spinner[data-v-3359c6ca] {\n        gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-3359c6ca] {\n        width: 36px;\n        height: 36px;\n        font-size: 9px;\n}\n.atm-logo-image[data-v-3359c6ca] {\n        max-width: 36px;\n        max-height: 36px;\n}\n.atm-project-name[data-v-3359c6ca] {\n        font-size: 15px;\n        margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n        font-size: 11px;\n        margin-bottom: 10px;\n}\n.atm-form-group[data-v-3359c6ca] {\n        margin-bottom: 8px;\n}\n.atm-input-label[data-v-3359c6ca] {\n        font-size: 11px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-3359c6ca] {\n        padding: 6px 8px;\n        font-size: 12px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n        font-size: 12px;\n        padding: 8px;\n        min-height: 36px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n        margin-top: 10px;\n        font-size: 11px;\n}\n.spinner-svg[data-v-3359c6ca] {\n        width: 14px;\n        height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-e490ca63] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v111e7704);\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-e490ca63]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-e490ca63] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-e490ca63] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-e490ca63] {\n        padding: 9px;\n        font-size: 12px;\n        min-height: 38px;\n}\n}\n\n.atm-signup-btn[data-v-7346e92d] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v334adbc1);\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-7346e92d]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-7346e92d] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-7346e92d] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-7346e92d] {\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: #f0f0f0;\n}\n.atm-profile-avatar {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: var(--v4406ee78);\n    color: white;\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: #333;\n    font-weight: 500;\n}\n.atm-profile-arrow {\n    width: 16px;\n    height: 16px;\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: white;\n    border-radius: 8px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\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 #f0f0f0;\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: #333;\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: #666;\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: #333;\n    gap: 10px;\n    transition: background 0.2s;\n}\n.atm-profile-option:hover {\n    background: #f5f5f5;\n}\n.atm-profile-icon {\n    width: 18px;\n    height: 18px;\n    color: #666;\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: white;\n    border-radius: 12px;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\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 #f0f0f0;\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: #666;\n}\n.atm-profile-title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: #333;\n}\n.atm-profile-tabs {\n    display: flex;\n    border-bottom: 1px solid #f0f0f0;\n    background: #f8f9fa;\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: #666;\n    transition: all 0.2s;\n}\n.atm-tab:hover {\n    background: #e9ecef;\n}\n.atm-tab-active {\n    color: var(--v4406ee78) !important;\n    background: white;\n    border-bottom: 2px solid var(--v4406ee78);\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(--v4406ee78);\n    color: white;\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: #666;\n    margin-bottom: 4px;\n}\n.atm-profile-info-value {\n    font-size: 16px;\n    color: #333;\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: #555;\n    font-weight: 500;\n}\n.atm-input-field {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid #ddd;\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(--v4406ee78);\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(--v4406ee78);\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: #f8f9fa;\n    color: #666;\n    border: 1px solid #ddd;\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: #e9ecef;\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: #f8f9fa;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\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}\n.atm-email-icon {\n    width: 16px;\n    height: 16px;\n    color: var(--v2982f7d2);\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(--v4406ee78);\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: #666;\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: #f8f9fa;\n    border-radius: 8px;\n    border: 1px solid #e9ecef;\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(--v2982f7d2);\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: #333;\n}\n.atm-session-device-info {\n    font-size: 13px;\n    color: #666;\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: #666;\n}\n.atm-timestamp-label {\n    font-weight: 500;\n    color: #555;\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-7157f989] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v2ec0f896);\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-7157f989]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 9px;\n        font-size: 12px;\n        min-height: 38px;\n}\n}\n";
+                        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-login-container[data-v-4e744a2c] {\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-4e744a2c] {\n    margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-4e744a2c] {\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-4e744a2c] {\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-4e744a2c] {\n    margin: 0 0 4px 0;\n    font-size: 18px;\n    color: var(--v68f877d9);\n    font-weight: 600;\n}\n.atm-welcome-text[data-v-4e744a2c] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-4e744a2c] {\n    margin-bottom: 12px;\n    text-align: left;\n}\n.atm-input-label[data-v-4e744a2c] {\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-4e744a2c] {\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-4e744a2c]:focus {\n    outline: none;\n    border-color: var(--v68f877d9);\n    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-4e744a2c]:disabled {\n    background-color: var(--atm-input-disabled);\n    cursor: not-allowed;\n}\n.atm-field-error[data-v-4e744a2c] {\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-4e744a2c] {\n    margin-top: 8px;\n    text-align: center;\n}\n.atm-forgot-password-link[data-v-4e744a2c] {\n    font-size: 12px;\n    background: none;\n    border: none;\n    color: var(--v358114b2);\n    cursor: pointer;\n    text-decoration: none;\n    padding: 0;\n    font-family: inherit;\n}\n.atm-forgot-password-link[data-v-4e744a2c]:hover:not(:disabled) {\n    text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-4e744a2c]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-4e744a2c] {\n    text-align: center;\n    margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-4e744a2c] {\n    font-size: 14px;\n    color: var(--atm-text-secondary);\n    margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-4e744a2c] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n.atm-strategy-button[data-v-4e744a2c] {\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-4e744a2c]:hover:not(:disabled) {\n    background: var(--atm-bg-tertiary);\n    border-color: var(--v68f877d9);\n}\n.atm-strategy-button[data-v-4e744a2c]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n.atm-email-link-text[data-v-4e744a2c] {\n    font-size: 14px;\n    color: var(--atm-text-secondary);\n    margin: 0;\n    text-align: center;\n}\n.atm-login-button[data-v-4e744a2c] {\n    width: 100%;\n    padding: 10px;\n    margin-top: 4px;\n    background: var(--v68f877d9);\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-4e744a2c]:hover:not(:disabled) {\n    opacity: 0.9;\n    transform: translateY(-1px);\n}\n.atm-login-button[data-v-4e744a2c]:disabled {\n    opacity: 0.8;\n    cursor: not-allowed;\n    transform: none;\n}\n.button-spinner[data-v-4e744a2c] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #fff;\n    font-weight: 500;\n}\n.spinner-svg[data-v-4e744a2c] {\n    animation: spin-4e744a2c 1s linear infinite;\n    width: 18px;\n    height: 18px;\n    stroke: #fff;\n}\n.spinner-circle[data-v-4e744a2c] {\n    stroke-dasharray: 90, 150;\n    stroke-linecap: round;\n}\n@keyframes spin-4e744a2c {\n0% {\n        transform: rotate(0deg);\n}\n100% {\n        transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-4e744a2c] {\n    margin-top: 16px;\n    font-size: 13px;\n}\n.atm-signup-text[data-v-4e744a2c] {\n    color: var(--atm-text-secondary);\n    margin-bottom: 6px;\n}\n.atm-signup-link[data-v-4e744a2c] {\n    color: var(--v358114b2);\n    text-decoration: none;\n    cursor: pointer;\n}\n.atm-signup-link[data-v-4e744a2c]:hover {\n    text-decoration: underline;\n}\n.atm-powered-by[data-v-4e744a2c] {\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-4e744a2c] {\n        font-size: 17px;\n}\n.atm-welcome-text[data-v-4e744a2c] {\n        font-size: 13px;\n        margin-bottom: 14px;\n}\n.atm-form-group[data-v-4e744a2c] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-4e744a2c] {\n        font-size: 12px;\n        margin-bottom: 4px;\n}\n.atm-input-field[data-v-4e744a2c] {\n        padding: 8px 10px;\n        font-size: 13px;\n}\n.atm-login-button[data-v-4e744a2c] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 40px;\n}\n.atm-strategy-button[data-v-4e744a2c] {\n        padding: 9px;\n        font-size: 13px;\n}\n.atm-footer-links[data-v-4e744a2c] {\n        margin-top: 14px;\n        font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-4e744a2c] {\n        width: 40px;\n        height: 40px;\n        font-size: 10px;\n}\n.atm-logo-image[data-v-4e744a2c] {\n        max-width: 40px;\n        max-height: 40px;\n}\n.atm-project-name[data-v-4e744a2c] {\n        font-size: 16px;\n        margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-4e744a2c] {\n        font-size: 12px;\n        margin-bottom: 12px;\n}\n.atm-form-group[data-v-4e744a2c] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-4e744a2c] {\n        font-size: 12px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-4e744a2c] {\n        padding: 7px 9px;\n        font-size: 13px;\n}\n.atm-login-button[data-v-4e744a2c] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 38px;\n}\n.atm-forgot-password-link[data-v-4e744a2c] {\n        font-size: 11px;\n}\n.atm-strategy-title[data-v-4e744a2c] {\n        font-size: 13px;\n        margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-4e744a2c] {\n        padding: 9px;\n        font-size: 13px;\n}\n.atm-email-link-text[data-v-4e744a2c] {\n        font-size: 13px;\n}\n.atm-footer-links[data-v-4e744a2c] {\n        margin-top: 12px;\n        font-size: 12px;\n}\n.atm-powered-by[data-v-4e744a2c] {\n        font-size: 10px;\n}\n.spinner-svg[data-v-4e744a2c] {\n        width: 16px;\n        height: 16px;\n}\n.button-spinner[data-v-4e744a2c] {\n        gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-4e744a2c] {\n        width: 36px;\n        height: 36px;\n        font-size: 9px;\n}\n.atm-logo-image[data-v-4e744a2c] {\n        max-width: 36px;\n        max-height: 36px;\n}\n.atm-project-name[data-v-4e744a2c] {\n        font-size: 15px;\n        margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-4e744a2c] {\n        font-size: 11px;\n        margin-bottom: 10px;\n}\n.atm-form-group[data-v-4e744a2c] {\n        margin-bottom: 8px;\n}\n.atm-input-label[data-v-4e744a2c] {\n        font-size: 11px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-4e744a2c] {\n        padding: 6px 8px;\n        font-size: 12px;\n}\n.atm-login-button[data-v-4e744a2c] {\n        font-size: 12px;\n        padding: 8px;\n        min-height: 36px;\n}\n.atm-strategy-button[data-v-4e744a2c] {\n        padding: 8px;\n        font-size: 12px;\n}\n.atm-footer-links[data-v-4e744a2c] {\n        margin-top: 10px;\n        font-size: 11px;\n}\n.spinner-svg[data-v-4e744a2c] {\n        width: 14px;\n        height: 14px;\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-signup-container[data-v-9668f28a] {\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-9668f28a] {\n    margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-9668f28a] {\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-9668f28a] {\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-9668f28a] {\n    margin: 0 0 4px 0;\n    font-size: 18px;\n    color: var(--v1eb0b99e);\n    font-weight: 600;\n}\n.atm-welcome-text[data-v-9668f28a] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-9668f28a] {\n    margin-bottom: 12px;\n    text-align: left;\n}\n.atm-input-label[data-v-9668f28a] {\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-9668f28a] {\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-9668f28a]:focus {\n    outline: none;\n    border-color: var(--v1eb0b99e);\n    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-9668f28a]:disabled {\n    background-color: var(--atm-input-disabled);\n    cursor: not-allowed;\n}\n.atm-field-error[data-v-9668f28a] {\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-9668f28a] {\n    width: 100%;\n    padding: 10px;\n    margin-top: 4px;\n    background: var(--v1eb0b99e);\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-9668f28a]:hover:not(:disabled) {\n    opacity: 0.9;\n    transform: translateY(-1px);\n}\n.atm-signup-button[data-v-9668f28a]:disabled {\n    opacity: 0.8;\n    cursor: not-allowed;\n    transform: none;\n}\n.button-spinner[data-v-9668f28a] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #fff;\n    font-weight: 500;\n}\n.spinner-svg[data-v-9668f28a] {\n    animation: spin-9668f28a 1s linear infinite;\n    width: 18px;\n    height: 18px;\n    stroke: #fff;\n}\n.spinner-circle[data-v-9668f28a] {\n    stroke-dasharray: 90, 150;\n    stroke-linecap: round;\n}\n@keyframes spin-9668f28a {\n0% {\n        transform: rotate(0deg);\n}\n100% {\n        transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-9668f28a] {\n    margin-top: 16px;\n    font-size: 13px;\n}\n.atm-login-text[data-v-9668f28a] {\n    color: var(--atm-text-secondary);\n    margin-bottom: 6px;\n}\n.atm-login-link[data-v-9668f28a] {\n    color: var(--v3dd12aff);\n    text-decoration: none;\n    cursor: pointer;\n    transition: opacity 0.2s;\n}\n.atm-login-link[data-v-9668f28a]:hover:not(.disabled-link) {\n    text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-9668f28a] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n}\n.atm-powered-by[data-v-9668f28a] {\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-9668f28a] {\n        font-size: 17px;\n}\n.atm-welcome-text[data-v-9668f28a] {\n        font-size: 13px;\n        margin-bottom: 14px;\n}\n.atm-form-group[data-v-9668f28a] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-9668f28a] {\n        font-size: 12px;\n        margin-bottom: 4px;\n}\n.atm-input-field[data-v-9668f28a] {\n        padding: 8px 10px;\n        font-size: 13px;\n}\n.atm-signup-button[data-v-9668f28a] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 40px;\n}\n.atm-footer-links[data-v-9668f28a] {\n        margin-top: 14px;\n        font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-9668f28a] {\n        width: 40px;\n        height: 40px;\n        font-size: 10px;\n}\n.atm-logo-image[data-v-9668f28a] {\n        max-width: 40px;\n        max-height: 40px;\n}\n.atm-project-name[data-v-9668f28a] {\n        font-size: 16px;\n        margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-9668f28a] {\n        font-size: 12px;\n        margin-bottom: 12px;\n}\n.atm-form-group[data-v-9668f28a] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-9668f28a] {\n        font-size: 12px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-9668f28a] {\n        padding: 7px 9px;\n        font-size: 13px;\n}\n.atm-signup-button[data-v-9668f28a] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 38px;\n}\n.atm-footer-links[data-v-9668f28a] {\n        margin-top: 12px;\n        font-size: 12px;\n}\n.atm-powered-by[data-v-9668f28a] {\n        font-size: 10px;\n}\n.spinner-svg[data-v-9668f28a] {\n        width: 16px;\n        height: 16px;\n}\n.button-spinner[data-v-9668f28a] {\n        gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-9668f28a] {\n        width: 36px;\n        height: 36px;\n        font-size: 9px;\n}\n.atm-logo-image[data-v-9668f28a] {\n        max-width: 36px;\n        max-height: 36px;\n}\n.atm-project-name[data-v-9668f28a] {\n        font-size: 15px;\n        margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-9668f28a] {\n        font-size: 11px;\n        margin-bottom: 10px;\n}\n.atm-form-group[data-v-9668f28a] {\n        margin-bottom: 8px;\n}\n.atm-input-label[data-v-9668f28a] {\n        font-size: 11px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-9668f28a] {\n        padding: 6px 8px;\n        font-size: 12px;\n}\n.atm-signup-button[data-v-9668f28a] {\n        font-size: 12px;\n        padding: 8px;\n        min-height: 36px;\n}\n.atm-footer-links[data-v-9668f28a] {\n        margin-top: 10px;\n        font-size: 11px;\n}\n.spinner-svg[data-v-9668f28a] {\n        width: 14px;\n        height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-e490ca63] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v111e7704);\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-e490ca63]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-e490ca63] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-e490ca63] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-e490ca63] {\n        padding: 9px;\n        font-size: 12px;\n        min-height: 38px;\n}\n}\n\n.atm-registration-disabled[data-v-05bfbd78] {\n    padding: 24px;\n    text-align: center;\n}\n.atm-disabled-message[data-v-05bfbd78] {\n    margin-bottom: 16px;\n    color: var(--atm-text-primary);\n}\n.atm-disabled-login-btn[data-v-05bfbd78] {\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-05bfbd78]:hover {\n    opacity: 0.9;\n}\n\n.atm-signup-btn[data-v-7346e92d] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v334adbc1);\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-7346e92d]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-7346e92d] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-7346e92d] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-7346e92d] {\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(--feed21a4);\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(--feed21a4) !important;\n    background: var(--atm-bg-primary);\n    border-bottom: 2px solid var(--feed21a4);\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(--feed21a4);\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(--feed21a4);\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(--feed21a4);\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(--v5c6febbc);\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(--feed21a4);\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(--v5c6febbc);\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-7157f989] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v2ec0f896);\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-7157f989]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 9px;\n        font-size: 12px;\n        min-height: 38px;\n}\n}\n";
                         document.head.appendChild(style);
                     }
                     })();
@@ -159,7 +159,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-c347df44"]]);
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-5a315eca"]]);
 function useAtmClient() {
   const { client } = useAtm();
   return client.value;
@@ -266,8 +266,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "v36da353d": atmPrimaryColor.value,
-      "v7cb12bea": atmSecondaryColor.value
+      "v68f877d9": atmPrimaryColor.value,
+      "v358114b2": atmSecondaryColor.value
     }));
     const props = __props;
     const emit = __emit;
@@ -650,7 +650,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c3d00fb8"]]);
+const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-4e744a2c"]]);
 const _hoisted_1$6 = {
   key: 0,
   class: "atm-notification-container"
@@ -749,8 +749,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   emits: ["completed", "sign-in"],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "v9e732be0": atmPrimaryColor.value,
-      "v7159b61e": atmSecondaryColor.value
+      "v1eb0b99e": atmPrimaryColor.value,
+      "v3dd12aff": atmSecondaryColor.value
     }));
     const props = __props;
     const emit = __emit;
@@ -1058,7 +1058,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3359c6ca"]]);
+const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-9668f28a"]]);
 const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "SignInModal",
   props: {
@@ -1173,7 +1173,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
 const SignInButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e490ca63"]]);
 const _hoisted_1$4 = {
   key: 2,
-  style: { "padding": "24px", "text-align": "center" }
+  class: "atm-registration-disabled"
 };
 const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "SignUpModal",
@@ -1229,10 +1229,10 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             onSignIn: _cache[2] || (_cache[2] = ($event) => signIn()),
             onCompleted: _cache[3] || (_cache[3] = ($event) => close())
           }, null, 8, ["redirect", "signInLink"])) : component.value === "sign-up" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-            _cache[6] || (_cache[6] = vue.createElementVNode("p", { style: { "margin-bottom": "16px" } }, "Registro não está disponível no momento", -1)),
+            _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "atm-disabled-message" }, "Registro não está disponível no momento", -1)),
             vue.createElementVNode("button", {
               onClick: _cache[4] || (_cache[4] = ($event) => signIn()),
-              style: { "padding": "12px 24px", "background": "#007bff", "color": "white", "border": "none", "border-radius": "6px", "cursor": "pointer" }
+              class: "atm-disabled-login-btn"
             }, "Fazer login")
           ])) : vue.createCommentVNode("", true)
         ]),
@@ -1241,6 +1241,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const SignUpModal = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-05bfbd78"]]);
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "SignUpButton",
   props: {
@@ -1260,7 +1261,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        showSignUpModal.value ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
+        showSignUpModal.value ? (vue.openBlock(), vue.createBlock(SignUpModal, {
           key: 0,
           redirect: __props.redirect,
           signInLink: __props.signInLink,
@@ -1427,8 +1428,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "UserProfile",
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "v4406ee78": atmPrimaryColor.value,
-      "v2982f7d2": atmSecondaryColor.value
+      "feed21a4": atmPrimaryColor.value,
+      "v5c6febbc": atmSecondaryColor.value
     }));
     const { user, logout } = useAuth();
     const { configurations } = useAtm();
@@ -2321,6 +2322,77 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const STORAGE_KEY = "atm-theme-preference";
+const themePreference = vue.ref("auto");
+const systemTheme = vue.ref("light");
+const currentTheme = vue.computed(() => {
+  if (themePreference.value === "auto") {
+    return systemTheme.value;
+  }
+  return themePreference.value;
+});
+const isDark = vue.computed(() => currentTheme.value === "dark");
+const applyTheme = (theme) => {
+  if (typeof document !== "undefined") {
+    const root = document.documentElement;
+    root.classList.remove("atm-theme-light", "atm-theme-dark");
+    root.classList.add(`atm-theme-${theme}`);
+    root.setAttribute("data-atm-theme", theme);
+  }
+};
+const detectSystemTheme = () => {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+};
+const loadThemePreference = () => {
+  if (typeof localStorage === "undefined") return "auto";
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored === "light" || stored === "dark" || stored === "auto") {
+    return stored;
+  }
+  return "auto";
+};
+const saveThemePreference = (theme) => {
+  if (typeof localStorage !== "undefined") {
+    localStorage.setItem(STORAGE_KEY, theme);
+  }
+};
+function useTheme() {
+  const setTheme = (theme) => {
+    themePreference.value = theme;
+    saveThemePreference(theme);
+  };
+  const toggleTheme = () => {
+    if (themePreference.value === "auto") {
+      setTheme("dark");
+    } else if (themePreference.value === "dark") {
+      setTheme("light");
+    } else {
+      setTheme("auto");
+    }
+  };
+  vue.onMounted(() => {
+    themePreference.value = loadThemePreference();
+    systemTheme.value = detectSystemTheme();
+    if (typeof window !== "undefined") {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      const handleChange = (e) => {
+        systemTheme.value = e.matches ? "dark" : "light";
+      };
+      mediaQuery.addEventListener("change", handleChange);
+    }
+  });
+  vue.watch(currentTheme, (theme) => {
+    applyTheme(theme);
+  }, { immediate: true });
+  return {
+    theme: themePreference,
+    currentTheme,
+    isDark,
+    setTheme,
+    toggleTheme
+  };
+}
 const fetchConfigurations = async (client, configurations) => {
   const response = await client.value.project().configurations();
   configurations.value = {
@@ -2392,4 +2464,5 @@ exports.getDeviceToken = getDeviceToken;
 exports.useAtm = useAtm;
 exports.useAtmClient = useAtmClient;
 exports.useAuth = useAuth;
+exports.useTheme = useTheme;
 //# sourceMappingURL=index.cjs.map