@proveanything/smartlinks-auth-ui 0.1.0 → 0.1.2

package/README.md

@@ -23,10 +23,21 @@ npm install @smartlinks/auth-ui
 
 ## Quick Start
 
-### Basic Usage with Session Management
+### 1. Import the CSS (Required!)
+
+Add this import to your app's entry point (e.g., `main.tsx`, `index.tsx`, or `App.tsx`):
+
+```tsx
+import '@smartlinks/auth-ui/dist/index.css';
+```
+
+**Important**: Without this CSS import, the authentication UI will not be styled correctly.
+
+### 2. Basic Usage with Session Management
 
 ```tsx
 import { SmartlinksAuthUI, AuthProvider, useAuth } from '@smartlinks/auth-ui';
+import '@smartlinks/auth-ui/dist/index.css'; // Don't forget this!
 
 function App() {
   return (
@@ -298,24 +309,111 @@ Response:
 
 ## Styling
 
-The component uses CSS modules and can be customized:
+### CSS Import (Required)
+
+The module requires you to import the CSS file for proper styling:
+
+```tsx
+import '@smartlinks/auth-ui/dist/index.css';
+```
+
+Add this to your app's entry point (`main.tsx`, `index.tsx`, or `App.tsx`).
+
+### Theme Support
+
+The component supports light and dark themes:
 
 ```tsx
 <SmartlinksAuthUI
   apiEndpoint="https://api.smartlinks.com"
   clientId="your-client-123"
   onAuthSuccess={handleAuth}
-  className="custom-auth-container"
-  theme="dark"
+  theme="dark"  // or "light" (default)
 />
 ```
 
+### Custom Styling
+
+You can customize the appearance by:
+
+1. **Using the customization prop** (recommended):
+```tsx
+<SmartlinksAuthUI
+  customization={{
+    branding: {
+      primaryColor: "#6366f1",
+      secondaryColor: "#4f46e5",
+      backgroundColor: "#f0f9ff",
+      fontFamily: "Inter, sans-serif"
+    }
+  }}
+/>
+```
+
+2. **Overriding CSS classes** in your own stylesheet:
+```css
+/* In your app's CSS file */
+.auth-container {
+  /* Your custom styles */
+}
+
+.auth-button-primary {
+  /* Your custom button styles */
+}
+```
+
+3. **Using CSS custom properties** for quick theming:
+```css
+.auth-container {
+  --auth-primary-color: #6366f1;
+  --auth-bg-color: #f0f9ff;
+  --auth-font-family: "Inter", sans-serif;
+}
+```
+
+## Troubleshooting
+
+### Styles Not Appearing
+
+**Problem**: The authentication UI appears unstyled or has no layout.
+
+**Solution**: Make sure you've imported the CSS file:
+```tsx
+import '@smartlinks/auth-ui/dist/index.css';
+```
+
+This import should be at the top of your app's entry point (before your component imports).
+
+### Build Errors
+
+**Problem**: `Cannot find module '@smartlinks/auth-ui/dist/index.css'`
+
+**Solution**: 
+1. Verify the package is installed: `npm install @smartlinks/auth-ui`
+2. Ensure your bundler (Vite, Webpack) supports CSS imports
+3. Try clearing your node_modules and reinstalling
+
+### TypeScript Errors
+
+**Problem**: Type errors when using the components.
+
+**Solution**: The package includes TypeScript definitions. Make sure:
+```tsx
+import type { AuthUser, AuthToken, AuthProvider } from '@smartlinks/auth-ui';
+```
+
 ## TypeScript Support
 
 Full TypeScript definitions included:
 
 ```tsx
-import type { AuthUser, AuthToken, AuthProvider } from '@smartlinks/auth-ui';
+import type { 
+  AuthUser, 
+  AuthToken, 
+  AuthProvider,
+  AuthUIConfig,
+  SmartlinksAuthUIProps 
+} from '@smartlinks/auth-ui';
 ```
 
 ## License

package/dist/api.d.ts

@@ -13,7 +13,7 @@ export declare class AuthAPI {
     sendPhoneCode(phoneNumber: string): Promise<{
         verificationId: string;
     }>;
-    verifyPhoneCode(verificationId: string, code: string): Promise<AuthResponse>;
+    verifyPhoneCode(phoneNumber: string, code: string): Promise<AuthResponse>;
     requestPasswordReset(email: string, redirectUrl: string): Promise<{
         success: boolean;
         message: string;
@@ -40,5 +40,12 @@ export declare class AuthAPI {
         message: string;
     }>;
     fetchConfig(): Promise<AuthUIConfig>;
+    sendMagicLink(email: string, redirectUrl: string): Promise<{
+        success: boolean;
+        message: string;
+    }>;
+    verifyMagicLink(token: string): Promise<AuthResponse & {
+        message: string;
+    }>;
 }
 //# sourceMappingURL=api.d.ts.map

package/dist/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAExE;;;GAGG;AACH,qBAAa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,UAAU,CAAC,CAAS;gBAEhB,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM;IAOjE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;IAI7D,QAAQ,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;IASnD,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;IAIvD,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,CAAC;IAIvE,eAAe,CACnB,cAAc,EAAE,MAAM,EACtB,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,YAAY,CAAC;IAIlB,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAQxG,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAIlH,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAIzG,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IASzH,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,GAAG;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAIhF,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAStH,WAAW,IAAI,OAAO,CAAC,YAAY,CAAC;CAkB3C"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAExE;;;GAGG;AACH,qBAAa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,UAAU,CAAC,CAAS;gBAEhB,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM;IAOjE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;IAI7D,QAAQ,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;IASnD,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;IAIvD,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,CAAC;IAIvE,eAAe,CACnB,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,YAAY,CAAC;IAIlB,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAQxG,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAIlH,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAIzG,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IASzH,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,GAAG;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAIhF,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAStH,WAAW,IAAI,OAAO,CAAC,YAAY,CAAC;IAmBpC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAOjG,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,GAAG;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAGlF"}

package/dist/components/AccountManagement.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AccountManagementProps } from '../types';
+import './AuthContainer.css';
+export declare const AccountManagement: React.FC<AccountManagementProps>;
+//# sourceMappingURL=AccountManagement.d.ts.map

package/dist/components/AccountManagement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountManagement.d.ts","sourceRoot":"","sources":["../../src/components/AccountManagement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,sBAAsB,EAAkC,MAAM,UAAU,CAAC;AACvF,OAAO,qBAAqB,CAAC;AAE7B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAslB9D,CAAC"}

package/dist/components/AuthUIPreview.d.ts

@@ -3,6 +3,8 @@ import type { AuthProvider, AuthUIConfig } from '../types';
 interface AuthUIPreviewProps {
     customization?: Partial<AuthUIConfig>;
     enabledProviders?: AuthProvider[];
+    providerOrder?: string[];
+    emailDisplayMode?: 'form' | 'button';
     theme?: 'light' | 'dark';
     className?: string;
 }

package/dist/components/AuthUIPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthUIPreview.d.ts","sourceRoot":"","sources":["../../src/components/AuthUIPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,kBAAkB;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8FtD,CAAC"}
+{"version":3,"file":"AuthUIPreview.d.ts","sourceRoot":"","sources":["../../src/components/AuthUIPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,kBAAkB;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyJtD,CAAC"}

package/dist/components/MagicLinkForm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface MagicLinkFormProps {
+    onSubmit: (email: string) => Promise<void>;
+    onCancel: () => void;
+    loading?: boolean;
+    error?: string;
+}
+export declare const MagicLinkForm: React.FC<MagicLinkFormProps>;
+export {};
+//# sourceMappingURL=MagicLinkForm.d.ts.map

package/dist/components/MagicLinkForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagicLinkForm.d.ts","sourceRoot":"","sources":["../../src/components/MagicLinkForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8DtD,CAAC"}

package/dist/components/OTPInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './OTPInput.css';
+interface OTPInputProps {
+    length?: number;
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+export declare const OTPInput: React.FC<OTPInputProps>;
+export {};
+//# sourceMappingURL=OTPInput.d.ts.map

package/dist/components/OTPInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../src/components/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,gBAAgB,CAAC;AAExB,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8F5C,CAAC"}

package/dist/components/PhoneAuthForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneAuthForm.d.ts","sourceRoot":"","sources":["../../src/components/PhoneAuthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,gBAAgB,CAAC;AAExB,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuGtD,CAAC"}
+{"version":3,"file":"PhoneAuthForm.d.ts","sourceRoot":"","sources":["../../src/components/PhoneAuthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,gBAAgB,CAAC;AAIxB,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuItD,CAAC"}

package/dist/components/PhoneInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import 'react-phone-number-input/style.css';
+import './PhoneInput.css';
+interface PhoneInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+export declare const PhoneInput: React.FC<PhoneInputProps>;
+export {};
+//# sourceMappingURL=PhoneInput.d.ts.map

package/dist/components/PhoneInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../src/components/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkChD,CAAC"}

package/dist/components/ProviderButtons.d.ts

@@ -3,8 +3,11 @@ import type { AuthProvider } from '../types';
 import './AuthForm.css';
 interface ProviderButtonsProps {
     enabledProviders: AuthProvider[];
+    providerOrder?: string[];
+    onEmailLogin?: () => void;
     onGoogleLogin: () => Promise<void>;
     onPhoneLogin: () => void;
+    onMagicLinkLogin?: () => void;
     loading: boolean;
 }
 export declare const ProviderButtons: React.FC<ProviderButtonsProps>;

package/dist/components/ProviderButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderButtons.d.ts","sourceRoot":"","sources":["../../src/components/ProviderButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,gBAAgB,CAAC;AAExB,UAAU,oBAAoB;IAC5B,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuE1D,CAAC"}
+{"version":3,"file":"ProviderButtons.d.ts","sourceRoot":"","sources":["../../src/components/ProviderButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,gBAAgB,CAAC;AAExB,UAAU,oBAAoB;IAC5B,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsH1D,CAAC"}

package/dist/context/AuthContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/context/AuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAClF,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;CACrC;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4EpD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,gBAM1B,CAAC"}
+{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/context/AuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAClF,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;CACrC;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8EpD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,gBAM1B,CAAC"}

package/dist/index.css

@@ -1,2 +1,2 @@
-.auth-container{align-items:center;background:linear-gradient(135deg,var(--auth-bg-color,#e0f2fe) 0,#f0f9ff 100%);display:flex;font-family:var(--auth-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);justify-content:center;min-height:100vh;padding:1rem}.auth-theme-dark.auth-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-card{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(59,130,246,.1);max-width:440px;padding:2.5rem;width:100%}.auth-theme-dark .auth-card{background:#1e293b;box-shadow:0 10px 40px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{animation:float 3s ease-in-out infinite;display:inline-flex;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.auth-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.auth-theme-dark .auth-title{color:#f1f5f9}.auth-theme-dark .auth-subtitle{color:#94a3b8}.auth-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;margin-top:1rem;padding-top:1rem}.auth-theme-dark .auth-footer{border-top-color:#334155}.auth-footer a{color:var(--auth-primary-color,#3b82f6);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer span{color:#cbd5e1}.auth-theme-dark .auth-footer span{color:#475569}.auth-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--auth-primary-color,#3b82f6);height:40px;margin:0 auto;width:40px}@media (max-width:640px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}}.auth-form{width:100%}.auth-form-header{margin-bottom:1.5rem}.auth-form-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-theme-dark .auth-form-title{color:#f1f5f9}.auth-form-subtitle{color:#64748b;font-size:.875rem;margin:0}.auth-theme-dark .auth-form-subtitle{color:#94a3b8}.auth-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-theme-dark .auth-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.auth-form-group{margin-bottom:1rem}.auth-label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.auth-theme-dark .auth-label{color:#cbd5e1}.auth-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;color:#1e293b;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.auth-input:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-input:focus{background:#1e293b;border-color:#3b82f6}.auth-form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.auth-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:0;transition:color .2s ease}.auth-link:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.auth-link:disabled{cursor:not-allowed;opacity:.6}.auth-button,.auth-link-bold{font-weight:600}.auth-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.auth-button-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-2px)}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button-secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#334155}.auth-button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-theme-dark .auth-button-secondary{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-button-secondary:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-divider{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1.5rem}.auth-theme-dark .auth-divider{color:#94a3b8}.auth-provider-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.auth-provider-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-provider-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.auth-provider-button:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-provider-button{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-provider-button:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-or-divider{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.auth-or-divider:after,.auth-or-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1}.auth-or-divider span{padding:0 1rem}.auth-theme-dark .auth-or-divider:after,.auth-theme-dark .auth-or-divider:before{border-color:#334155}@media (max-width:640px){.auth-form-title{font-size:1.25rem}.auth-button,.auth-provider-button{font-size:.9375rem;padding:.75rem 1rem}}
+.auth-container{align-items:center;background:linear-gradient(135deg,var(--auth-bg-color,#e0f2fe) 0,#f0f9ff 100%);display:flex;font-family:var(--auth-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);justify-content:center;min-height:100vh;padding:1rem}.auth-theme-dark.auth-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-card{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(59,130,246,.1);max-width:440px;padding:2.5rem;width:100%}.auth-theme-dark .auth-card{background:#1e293b;box-shadow:0 10px 40px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{animation:float 3s ease-in-out infinite;display:inline-flex;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.auth-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.auth-theme-dark .auth-title{color:#f1f5f9}.auth-theme-dark .auth-subtitle{color:#94a3b8}.auth-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;margin-top:1rem;padding-top:1rem}.auth-theme-dark .auth-footer{border-top-color:#334155}.auth-footer a{color:var(--auth-primary-color,#3b82f6);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer span{color:#cbd5e1}.auth-theme-dark .auth-footer span{color:#475569}.auth-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--auth-primary-color,#3b82f6);height:40px;margin:0 auto;width:40px}@media (max-width:640px){.auth-container{min-height:100vh;min-height:100dvh;padding:.5rem}.auth-card{border-radius:12px;max-width:100%;padding:1.5rem 1.25rem}.auth-header{margin-bottom:1.25rem}.auth-logo{margin-bottom:.75rem}.auth-title{font-size:1.375rem;line-height:1.3}.auth-subtitle{font-size:.8125rem;margin-top:.125rem}.auth-footer{font-size:.8125rem;gap:.5rem;margin-top:.75rem;padding-top:.75rem}}@media (max-width:374px){.auth-card{padding:1.25rem 1rem}.auth-title{font-size:1.25rem}.auth-subtitle{font-size:.75rem}}.account-section{border-bottom:1px solid #e2e8f0;padding:1.5rem 0}.auth-theme-dark .account-section{border-bottom-color:#334155}.account-section:last-child{border-bottom:none}.section-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.auth-theme-dark .section-title{color:#f1f5f9}.current-info{background:#f8fafc;border-radius:8px;font-size:.875rem;margin-bottom:1rem;padding:1rem}.auth-theme-dark .current-info{background:#0f172a}.current-info p{color:#475569;margin:.25rem 0}.auth-theme-dark .current-info p{color:#94a3b8}.current-info strong{color:#1e293b}.auth-theme-dark .current-info strong{color:#f1f5f9}.form-group{margin-bottom:1rem}.form-group label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.auth-theme-dark .form-group label{color:#cbd5e1}.button-group{display:flex;flex-wrap:wrap;gap:.75rem}.danger-zone{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1.5rem}.auth-theme-dark .danger-zone{background:#450a0a;border-color:#991b1b}.text-danger{color:#dc2626!important}.text-success{color:#16a34a}.text-warning{color:#ea580c}.auth-theme-dark .text-success{color:#22c55e}.auth-theme-dark .text-warning{color:#fb923c}.delete-confirm{margin-top:1rem}.warning-text{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:.875rem;line-height:1.5;margin:0 0 1rem;padding:.75rem}.auth-theme-dark .warning-text{background:#7f1d1d;color:#fca5a5}.button-danger{background:#dc2626!important;color:#fff!important}.button-danger:hover:not(:disabled){background:#b91c1c!important}.button-secondary{background:#e2e8f0!important;color:#1e293b!important}.auth-theme-dark .button-secondary{background:#334155!important;color:#f1f5f9!important}.button-secondary:hover:not(:disabled){background:#cbd5e1!important}.auth-theme-dark .button-secondary:hover:not(:disabled){background:#475569!important}.photo-preview{display:block;-o-object-fit:cover;object-fit:cover}@media (max-width:640px){.account-section{padding:1rem 0}.section-title{font-size:1rem}.current-info{padding:.75rem}.button-group{flex-direction:column}.button-group .auth-button{width:100%}}.auth-form{width:100%}.auth-form-header{margin-bottom:1.5rem}.auth-form-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-theme-dark .auth-form-title{color:#f1f5f9}.auth-form-subtitle{color:#64748b;font-size:.875rem;margin:0}.auth-theme-dark .auth-form-subtitle{color:#94a3b8}.auth-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-theme-dark .auth-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.auth-form-group{margin-bottom:1rem}.auth-label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.auth-theme-dark .auth-label{color:#cbd5e1}.auth-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;color:#1e293b;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.auth-input:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-input:focus{background:#1e293b;border-color:#3b82f6}.auth-form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.auth-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:0;transition:color .2s ease}.auth-link:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.auth-link:disabled{cursor:not-allowed;opacity:.6}.auth-button,.auth-link-bold{font-weight:600}.auth-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.auth-button-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-2px)}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button-secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#334155}.auth-button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-theme-dark .auth-button-secondary{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-button-secondary:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-divider{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1.5rem}.auth-theme-dark .auth-divider{color:#94a3b8}.auth-provider-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.auth-provider-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-provider-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.auth-provider-button:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-provider-button{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-provider-button:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-or-divider{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.auth-or-divider:after,.auth-or-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1}.auth-or-divider span{padding:0 1rem}.auth-theme-dark .auth-or-divider:after,.auth-theme-dark .auth-or-divider:before{border-color:#334155}@media (max-width:640px){.auth-form-header{margin-bottom:1rem}.auth-form-title{font-size:1.125rem;margin-bottom:.375rem}.auth-error,.auth-form-subtitle{font-size:.8125rem}.auth-error{padding:.625rem .875rem}.auth-error,.auth-form-group{margin-bottom:.875rem}.auth-label{font-size:.8125rem;margin-bottom:.375rem}.auth-input{font-size:.9375rem;padding:.625rem .875rem}.auth-form-footer{margin-bottom:1rem}.auth-link{font-size:.8125rem}.auth-button,.auth-provider-button{font-size:.875rem;padding:.75rem 1rem}.auth-divider{font-size:.8125rem;margin-top:1rem}.auth-provider-buttons{gap:.625rem;margin-top:1rem}.auth-or-divider{font-size:.8125rem;margin:1rem 0}.auth-or-divider span{padding:0 .75rem}}@media (max-width:374px){.auth-form-title{font-size:1rem}.auth-input{font-size:.875rem;padding:.5rem .75rem}.auth-button,.auth-provider-button{font-size:.8125rem;padding:.625rem .875rem}}.otp-input-container{display:flex;gap:8px;justify-content:center}.otp-input-box{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:24px;font-weight:600;height:56px;outline:none;text-align:center;transition:all .2s ease;width:48px}.otp-input-box:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.otp-input-box:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.auth-theme-dark .otp-input-box{background-color:#374151;border-color:#4b5563;color:#f9fafb}.auth-theme-dark .otp-input-box:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}.auth-theme-dark .otp-input-box:disabled{background-color:#1f2937}@media (max-width:640px){.otp-input-box{font-size:18px;height:44px;width:36px}.otp-input-container{gap:5px}}@media (max-width:374px){.otp-input-box{font-size:16px;height:40px;width:32px}.otp-input-container{gap:4px}}.phone-input-wrapper{width:100%}.phone-input-wrapper .PhoneInput{align-items:center;display:flex;width:100%}.phone-input-wrapper .PhoneInputInput{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;flex:1;font-family:inherit;font-size:.9375rem;padding:.75rem;transition:all .2s;width:100%}.phone-input-wrapper .PhoneInputInput:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.phone-input-wrapper .PhoneInputInput:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.phone-input-wrapper .PhoneInputCountry{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;margin-right:.5rem;padding:.5rem;transition:all .2s}.phone-input-wrapper .PhoneInputCountry:hover{background-color:#f9fafb;border-color:#9ca3af}.phone-input-wrapper .PhoneInputCountrySelect{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.9375rem;padding:.5rem}.phone-input-wrapper .PhoneInputCountryIcon{box-shadow:0 0 0 1px rgba(0,0,0,.1);height:24px;width:24px}.phone-input-wrapper .PhoneInputCountrySelectArrow{height:.5rem;margin-left:.5rem;opacity:.5;width:.5rem}.auth-theme-dark .phone-input-wrapper .PhoneInputInput{background-color:#374151;border-color:#4b5563;color:#f9fafb}.auth-theme-dark .phone-input-wrapper .PhoneInputInput:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}.auth-theme-dark .phone-input-wrapper .PhoneInputInput:disabled{background-color:#1f2937}.auth-theme-dark .phone-input-wrapper .PhoneInputCountry{background-color:#374151;border-color:#4b5563}.auth-theme-dark .phone-input-wrapper .PhoneInputCountry:hover{background-color:#4b5563;border-color:#6b7280}.auth-theme-dark .phone-input-wrapper .PhoneInputCountrySelect{background-color:#374151;border-color:#4b5563;color:#f9fafb}@media (max-width:640px){.phone-input-wrapper .PhoneInputInput{font-size:.9375rem;padding:.625rem .75rem}.phone-input-wrapper .PhoneInputCountry{margin-right:.375rem;padding:.375rem}.phone-input-wrapper .PhoneInputCountryIcon{height:20px;width:20px}}@media (max-width:374px){.phone-input-wrapper .PhoneInputInput{font-size:.875rem;padding:.5rem .625rem}.phone-input-wrapper .PhoneInputCountry{padding:.3125rem}.phone-input-wrapper .PhoneInputCountryIcon{height:18px;width:18px}}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["AuthContainer.css","AuthForm.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".auth-container {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1rem;\r\n  background: linear-gradient(135deg, var(--auth-bg-color, #e0f2fe) 0%, #f0f9ff 100%);\r\n  font-family: var(--auth-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);\r\n}\r\n\r\n.auth-theme-dark.auth-container {\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n}\r\n\r\n.auth-card {\r\n  width: 100%;\r\n  max-width: 440px;\r\n  background: white;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 40px rgba(59, 130, 246, 0.1);\r\n  padding: 2.5rem;\r\n  animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.auth-theme-dark .auth-card {\r\n  background: #1e293b;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n@keyframes slideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.auth-header {\r\n  text-align: center;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.auth-logo {\r\n  display: inline-flex;\r\n  margin-bottom: 1rem;\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-8px);\r\n  }\r\n}\r\n\r\n.auth-title {\r\n  font-size: 1.75rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0.25rem 0 0 0;\r\n}\r\n\r\n.auth-theme-dark .auth-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-content {\r\n  /* Content styles handled by child components */\r\n}\r\n\r\n.auth-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n  padding-top: 1rem;\r\n  margin-top: 1rem;\r\n  border-top: 1px solid #e2e8f0;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-theme-dark .auth-footer {\r\n  border-top-color: #334155;\r\n}\r\n\r\n.auth-footer a {\r\n  color: var(--auth-primary-color, #3B82F6);\r\n  text-decoration: none;\r\n}\r\n\r\n.auth-footer a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-footer span {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-footer span {\r\n  color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #e2e8f0;\r\n  border-top-color: var(--auth-primary-color, #3B82F6);\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n  margin: 0 auto;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .auth-card {\r\n    padding: 2rem 1.5rem;\r\n  }\r\n  \r\n  .auth-title {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n",".auth-form {\r\n  width: 100%;\r\n}\r\n\r\n.auth-form-header {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-form-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0 0 0.5rem 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-form-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-error {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.75rem 1rem;\r\n  background: #fef2f2;\r\n  border: 1px solid #fecaca;\r\n  border-radius: 0.5rem;\r\n  color: #dc2626;\r\n  font-size: 0.875rem;\r\n  margin-bottom: 1rem;\r\n  animation: shake 0.4s ease;\r\n}\r\n\r\n.auth-theme-dark .auth-error {\r\n  background: #7f1d1d;\r\n  border-color: #991b1b;\r\n  color: #fca5a5;\r\n}\r\n\r\n@keyframes shake {\r\n  0%, 100% { transform: translateX(0); }\r\n  25% { transform: translateX(-8px); }\r\n  75% { transform: translateX(8px); }\r\n}\r\n\r\n.auth-form-group {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.auth-label {\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #334155;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.auth-theme-dark .auth-label {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-input {\r\n  width: 100%;\r\n  padding: 0.75rem 1rem;\r\n  font-size: 1rem;\r\n  color: #1e293b;\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  transition: all 0.2s ease;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.auth-input:focus {\r\n  outline: none;\r\n  border-color: #3b82f6;\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.auth-input:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-input {\r\n  background: #0f172a;\r\n  border-color: #334155;\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-input:focus {\r\n  background: #1e293b;\r\n  border-color: #3b82f6;\r\n}\r\n\r\n.auth-form-footer {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-link {\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  font-size: 0.875rem;\r\n  color: #3b82f6;\r\n  cursor: pointer;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.auth-link:hover:not(:disabled) {\r\n  color: #1d4ed8;\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-link:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-link-bold {\r\n  font-weight: 600;\r\n}\r\n\r\n.auth-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  border: none;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.auth-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-button-primary {\r\n  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n  color: white;\r\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);\r\n}\r\n\r\n.auth-button-primary:hover:not(:disabled) {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\r\n}\r\n\r\n.auth-button-primary:active:not(:disabled) {\r\n  transform: translateY(0);\r\n}\r\n\r\n.auth-button-secondary {\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.auth-button-secondary:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  display: inline-block;\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n  border-top-color: white;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.auth-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  margin-top: 1.5rem;\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n}\r\n\r\n.auth-theme-dark .auth-divider {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-provider-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.75rem;\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.auth-provider-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 0.9375rem;\r\n  font-weight: 500;\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.auth-provider-button:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.auth-provider-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-or-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin: 1.5rem 0;\r\n  color: #94a3b8;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-or-divider::before,\r\n.auth-or-divider::after {\r\n  content: '';\r\n  flex: 1;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.auth-or-divider span {\r\n  padding: 0 1rem;\r\n}\r\n\r\n.auth-theme-dark .auth-or-divider::before,\r\n.auth-theme-dark .auth-or-divider::after {\r\n  border-color: #334155;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .auth-form-title {\r\n    font-size: 1.25rem;\r\n  }\r\n  \r\n  .auth-button,\r\n  .auth-provider-button {\r\n    padding: 0.75rem 1rem;\r\n    font-size: 0.9375rem;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["AuthContainer.css","AuthForm.css","OTPInput.css","PhoneInput.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".auth-container {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1rem;\r\n  background: linear-gradient(135deg, var(--auth-bg-color, #e0f2fe) 0%, #f0f9ff 100%);\r\n  font-family: var(--auth-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);\r\n}\r\n\r\n.auth-theme-dark.auth-container {\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n}\r\n\r\n.auth-card {\r\n  width: 100%;\r\n  max-width: 440px;\r\n  background: white;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 40px rgba(59, 130, 246, 0.1);\r\n  padding: 2.5rem;\r\n  animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.auth-theme-dark .auth-card {\r\n  background: #1e293b;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n@keyframes slideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.auth-header {\r\n  text-align: center;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.auth-logo {\r\n  display: inline-flex;\r\n  margin-bottom: 1rem;\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-8px);\r\n  }\r\n}\r\n\r\n.auth-title {\r\n  font-size: 1.75rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0.25rem 0 0 0;\r\n}\r\n\r\n.auth-theme-dark .auth-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-content {\r\n  /* Content styles handled by child components */\r\n}\r\n\r\n.auth-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n  padding-top: 1rem;\r\n  margin-top: 1rem;\r\n  border-top: 1px solid #e2e8f0;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-theme-dark .auth-footer {\r\n  border-top-color: #334155;\r\n}\r\n\r\n.auth-footer a {\r\n  color: var(--auth-primary-color, #3B82F6);\r\n  text-decoration: none;\r\n}\r\n\r\n.auth-footer a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-footer span {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-footer span {\r\n  color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #e2e8f0;\r\n  border-top-color: var(--auth-primary-color, #3B82F6);\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n  margin: 0 auto;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* Mobile optimizations - reduced white space and condensed layout */\r\n@media (max-width: 640px) {\r\n  .auth-container {\r\n    padding: 0.5rem;\r\n    min-height: 100vh;\r\n    min-height: 100dvh; /* Dynamic viewport height for mobile browsers */\r\n  }\r\n\r\n  .auth-card {\r\n    padding: 1.5rem 1.25rem;\r\n    border-radius: 12px;\r\n    max-width: 100%;\r\n  }\r\n  \r\n  .auth-header {\r\n    margin-bottom: 1.25rem;\r\n  }\r\n  \r\n  .auth-logo {\r\n    margin-bottom: 0.75rem;\r\n  }\r\n  \r\n  .auth-title {\r\n    font-size: 1.375rem;\r\n    line-height: 1.3;\r\n  }\r\n  \r\n  .auth-subtitle {\r\n    font-size: 0.8125rem;\r\n    margin-top: 0.125rem;\r\n  }\r\n  \r\n  .auth-footer {\r\n    padding-top: 0.75rem;\r\n    margin-top: 0.75rem;\r\n    font-size: 0.8125rem;\r\n    gap: 0.5rem;\r\n  }\r\n}\r\n\r\n/* Extra small devices (< 375px) */\r\n@media (max-width: 374px) {\r\n  .auth-card {\r\n    padding: 1.25rem 1rem;\r\n  }\r\n  \r\n  .auth-title {\r\n    font-size: 1.25rem;\r\n  }\r\n  \r\n  .auth-subtitle {\r\n    font-size: 0.75rem;\r\n  }\r\n}\r\n\r\n/* ============= Account Management Styles ============= */\r\n\r\n.account-section {\r\n  padding: 1.5rem 0;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.auth-theme-dark .account-section {\r\n  border-bottom-color: #334155;\r\n}\r\n\r\n.account-section:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.section-title {\r\n  font-size: 1.125rem;\r\n  font-weight: 600;\r\n  color: #1e293b;\r\n  margin: 0 0 1rem 0;\r\n}\r\n\r\n.auth-theme-dark .section-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.current-info {\r\n  background: #f8fafc;\r\n  padding: 1rem;\r\n  border-radius: 8px;\r\n  margin-bottom: 1rem;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-theme-dark .current-info {\r\n  background: #0f172a;\r\n}\r\n\r\n.current-info p {\r\n  margin: 0.25rem 0;\r\n  color: #475569;\r\n}\r\n\r\n.auth-theme-dark .current-info p {\r\n  color: #94a3b8;\r\n}\r\n\r\n.current-info strong {\r\n  color: #1e293b;\r\n}\r\n\r\n.auth-theme-dark .current-info strong {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.form-group label {\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #334155;\r\n  margin-bottom: 0.375rem;\r\n}\r\n\r\n.auth-theme-dark .form-group label {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.button-group {\r\n  display: flex;\r\n  gap: 0.75rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.danger-zone {\r\n  background: #fef2f2;\r\n  padding: 1.5rem;\r\n  border-radius: 8px;\r\n  border: 1px solid #fecaca;\r\n}\r\n\r\n.auth-theme-dark .danger-zone {\r\n  background: #450a0a;\r\n  border-color: #991b1b;\r\n}\r\n\r\n.text-danger {\r\n  color: #dc2626 !important;\r\n}\r\n\r\n.text-success {\r\n  color: #16a34a;\r\n}\r\n\r\n.text-warning {\r\n  color: #ea580c;\r\n}\r\n\r\n.auth-theme-dark .text-success {\r\n  color: #22c55e;\r\n}\r\n\r\n.auth-theme-dark .text-warning {\r\n  color: #fb923c;\r\n}\r\n\r\n.delete-confirm {\r\n  margin-top: 1rem;\r\n}\r\n\r\n.warning-text {\r\n  color: #dc2626;\r\n  font-size: 0.875rem;\r\n  margin: 0 0 1rem 0;\r\n  padding: 0.75rem;\r\n  background: #fee2e2;\r\n  border-radius: 6px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.auth-theme-dark .warning-text {\r\n  background: #7f1d1d;\r\n  color: #fca5a5;\r\n}\r\n\r\n.button-danger {\r\n  background: #dc2626 !important;\r\n  color: white !important;\r\n}\r\n\r\n.button-danger:hover:not(:disabled) {\r\n  background: #b91c1c !important;\r\n}\r\n\r\n.button-secondary {\r\n  background: #e2e8f0 !important;\r\n  color: #1e293b !important;\r\n}\r\n\r\n.auth-theme-dark .button-secondary {\r\n  background: #334155 !important;\r\n  color: #f1f5f9 !important;\r\n}\r\n\r\n.button-secondary:hover:not(:disabled) {\r\n  background: #cbd5e1 !important;\r\n}\r\n\r\n.auth-theme-dark .button-secondary:hover:not(:disabled) {\r\n  background: #475569 !important;\r\n}\r\n\r\n.photo-preview {\r\n  display: block;\r\n  object-fit: cover;\r\n}\r\n\r\n/* Mobile optimizations for account management */\r\n@media (max-width: 640px) {\r\n  .account-section {\r\n    padding: 1rem 0;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .current-info {\r\n    padding: 0.75rem;\r\n  }\r\n  \r\n  .button-group {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .button-group .auth-button {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n",".auth-form {\r\n  width: 100%;\r\n}\r\n\r\n.auth-form-header {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-form-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0 0 0.5rem 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-form-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-error {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.75rem 1rem;\r\n  background: #fef2f2;\r\n  border: 1px solid #fecaca;\r\n  border-radius: 0.5rem;\r\n  color: #dc2626;\r\n  font-size: 0.875rem;\r\n  margin-bottom: 1rem;\r\n  animation: shake 0.4s ease;\r\n}\r\n\r\n.auth-theme-dark .auth-error {\r\n  background: #7f1d1d;\r\n  border-color: #991b1b;\r\n  color: #fca5a5;\r\n}\r\n\r\n@keyframes shake {\r\n  0%, 100% { transform: translateX(0); }\r\n  25% { transform: translateX(-8px); }\r\n  75% { transform: translateX(8px); }\r\n}\r\n\r\n.auth-form-group {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.auth-label {\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #334155;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.auth-theme-dark .auth-label {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-input {\r\n  width: 100%;\r\n  padding: 0.75rem 1rem;\r\n  font-size: 1rem;\r\n  color: #1e293b;\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  transition: all 0.2s ease;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.auth-input:focus {\r\n  outline: none;\r\n  border-color: #3b82f6;\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.auth-input:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-input {\r\n  background: #0f172a;\r\n  border-color: #334155;\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-input:focus {\r\n  background: #1e293b;\r\n  border-color: #3b82f6;\r\n}\r\n\r\n.auth-form-footer {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-link {\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  font-size: 0.875rem;\r\n  color: #3b82f6;\r\n  cursor: pointer;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.auth-link:hover:not(:disabled) {\r\n  color: #1d4ed8;\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-link:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-link-bold {\r\n  font-weight: 600;\r\n}\r\n\r\n.auth-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  border: none;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.auth-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-button-primary {\r\n  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n  color: white;\r\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);\r\n}\r\n\r\n.auth-button-primary:hover:not(:disabled) {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\r\n}\r\n\r\n.auth-button-primary:active:not(:disabled) {\r\n  transform: translateY(0);\r\n}\r\n\r\n.auth-button-secondary {\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.auth-button-secondary:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  display: inline-block;\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n  border-top-color: white;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.auth-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  margin-top: 1.5rem;\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n}\r\n\r\n.auth-theme-dark .auth-divider {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-provider-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.75rem;\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.auth-provider-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 0.9375rem;\r\n  font-weight: 500;\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.auth-provider-button:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.auth-provider-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-or-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin: 1.5rem 0;\r\n  color: #94a3b8;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-or-divider::before,\r\n.auth-or-divider::after {\r\n  content: '';\r\n  flex: 1;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.auth-or-divider span {\r\n  padding: 0 1rem;\r\n}\r\n\r\n.auth-theme-dark .auth-or-divider::before,\r\n.auth-theme-dark .auth-or-divider::after {\r\n  border-color: #334155;\r\n}\r\n\r\n/* Mobile optimizations - condensed spacing and sizing */\r\n@media (max-width: 640px) {\r\n  .auth-form-header {\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .auth-form-title {\r\n    font-size: 1.125rem;\r\n    margin-bottom: 0.375rem;\r\n  }\r\n  \r\n  .auth-form-subtitle {\r\n    font-size: 0.8125rem;\r\n  }\r\n  \r\n  .auth-error {\r\n    padding: 0.625rem 0.875rem;\r\n    font-size: 0.8125rem;\r\n    margin-bottom: 0.875rem;\r\n  }\r\n  \r\n  .auth-form-group {\r\n    margin-bottom: 0.875rem;\r\n  }\r\n  \r\n  .auth-label {\r\n    font-size: 0.8125rem;\r\n    margin-bottom: 0.375rem;\r\n  }\r\n  \r\n  .auth-input {\r\n    padding: 0.625rem 0.875rem;\r\n    font-size: 0.9375rem;\r\n  }\r\n  \r\n  .auth-form-footer {\r\n    margin-bottom: 1rem;\r\n  }\r\n  \r\n  .auth-link {\r\n    font-size: 0.8125rem;\r\n  }\r\n  \r\n  .auth-button,\r\n  .auth-provider-button {\r\n    padding: 0.75rem 1rem;\r\n    font-size: 0.875rem;\r\n  }\r\n  \r\n  .auth-divider {\r\n    margin-top: 1rem;\r\n    font-size: 0.8125rem;\r\n  }\r\n  \r\n  .auth-provider-buttons {\r\n    gap: 0.625rem;\r\n    margin-top: 1rem;\r\n  }\r\n  \r\n  .auth-or-divider {\r\n    margin: 1rem 0;\r\n    font-size: 0.8125rem;\r\n  }\r\n  \r\n  .auth-or-divider span {\r\n    padding: 0 0.75rem;\r\n  }\r\n}\r\n\r\n/* Extra small devices */\r\n@media (max-width: 374px) {\r\n  .auth-form-title {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .auth-input {\r\n    padding: 0.5rem 0.75rem;\r\n    font-size: 0.875rem;\r\n  }\r\n  \r\n  .auth-button,\r\n  .auth-provider-button {\r\n    padding: 0.625rem 0.875rem;\r\n    font-size: 0.8125rem;\r\n  }\r\n}\r\n",".otp-input-container {\r\n  display: flex;\r\n  gap: 8px;\r\n  justify-content: center;\r\n}\r\n\r\n.otp-input-box {\r\n  width: 48px;\r\n  height: 56px;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  border: 2px solid #e5e7eb;\r\n  border-radius: 8px;\r\n  background-color: #ffffff;\r\n  color: #1f2937;\r\n  transition: all 0.2s ease;\r\n  outline: none;\r\n}\r\n\r\n.otp-input-box:focus {\r\n  border-color: #3b82f6;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.otp-input-box:disabled {\r\n  background-color: #f3f4f6;\r\n  cursor: not-allowed;\r\n  opacity: 0.6;\r\n}\r\n\r\n/* Dark theme support */\r\n.auth-theme-dark .otp-input-box {\r\n  background-color: #374151;\r\n  border-color: #4b5563;\r\n  color: #f9fafb;\r\n}\r\n\r\n.auth-theme-dark .otp-input-box:focus {\r\n  border-color: #60a5fa;\r\n  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);\r\n}\r\n\r\n.auth-theme-dark .otp-input-box:disabled {\r\n  background-color: #1f2937;\r\n}\r\n\r\n/* Mobile responsiveness - more compact for mobile devices */\r\n@media (max-width: 640px) {\r\n  .otp-input-box {\r\n    width: 36px;\r\n    height: 44px;\r\n    font-size: 18px;\r\n  }\r\n  \r\n  .otp-input-container {\r\n    gap: 5px;\r\n  }\r\n}\r\n\r\n/* Extra small devices - very compact */\r\n@media (max-width: 374px) {\r\n  .otp-input-box {\r\n    width: 32px;\r\n    height: 40px;\r\n    font-size: 16px;\r\n  }\r\n  \r\n  .otp-input-container {\r\n    gap: 4px;\r\n  }\r\n}\r\n",".phone-input-wrapper {\r\n  width: 100%;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInput {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputInput {\r\n  flex: 1;\r\n  width: 100%;\r\n  padding: 0.75rem;\r\n  font-size: 0.9375rem;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 0.5rem;\r\n  background-color: #ffffff;\r\n  color: #1f2937;\r\n  transition: all 0.2s;\r\n  font-family: inherit;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputInput:focus {\r\n  outline: none;\r\n  border-color: #3b82f6;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputInput:disabled {\r\n  background-color: #f3f4f6;\r\n  cursor: not-allowed;\r\n  opacity: 0.6;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountry {\r\n  margin-right: 0.5rem;\r\n  padding: 0.5rem;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 0.5rem;\r\n  background-color: #ffffff;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountry:hover {\r\n  background-color: #f9fafb;\r\n  border-color: #9ca3af;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountrySelect {\r\n  padding: 0.5rem;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 0.5rem;\r\n  background-color: #ffffff;\r\n  cursor: pointer;\r\n  font-size: 0.9375rem;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountryIcon {\r\n  width: 24px;\r\n  height: 24px;\r\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountrySelectArrow {\r\n  width: 0.5rem;\r\n  height: 0.5rem;\r\n  margin-left: 0.5rem;\r\n  opacity: 0.5;\r\n}\r\n\r\n/* Dark theme support */\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputInput {\r\n  background-color: #374151;\r\n  border-color: #4b5563;\r\n  color: #f9fafb;\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputInput:focus {\r\n  border-color: #60a5fa;\r\n  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputInput:disabled {\r\n  background-color: #1f2937;\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputCountry {\r\n  background-color: #374151;\r\n  border-color: #4b5563;\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputCountry:hover {\r\n  background-color: #4b5563;\r\n  border-color: #6b7280;\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputCountrySelect {\r\n  background-color: #374151;\r\n  border-color: #4b5563;\r\n  color: #f9fafb;\r\n}\r\n\r\n/* Mobile responsiveness - condensed */\r\n@media (max-width: 640px) {\r\n  .phone-input-wrapper .PhoneInputInput {\r\n    padding: 0.625rem 0.75rem;\r\n    font-size: 0.9375rem;\r\n  }\r\n  \r\n  .phone-input-wrapper .PhoneInputCountry {\r\n    padding: 0.375rem;\r\n    margin-right: 0.375rem;\r\n  }\r\n  \r\n  .phone-input-wrapper .PhoneInputCountryIcon {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n}\r\n\r\n/* Extra small devices */\r\n@media (max-width: 374px) {\r\n  .phone-input-wrapper .PhoneInputInput {\r\n    padding: 0.5rem 0.625rem;\r\n    font-size: 0.875rem;\r\n  }\r\n  \r\n  .phone-input-wrapper .PhoneInputCountry {\r\n    padding: 0.3125rem;\r\n  }\r\n  \r\n  .phone-input-wrapper .PhoneInputCountryIcon {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n}\r\n"]}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { SmartlinksAuthUIProps } from './types';
+export { AccountManagement } from './components/AccountManagement';
 export declare const SmartlinksAuthUI: React.FC<SmartlinksAuthUIProps>;
 export { AuthProvider, useAuth } from './context/AuthContext';
 export { ProtectedRoute } from './components/ProtectedRoute';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAO,KAAK,EAAE,qBAAqB,EAAyC,MAAM,SAAS,CAAC;AAE5F,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwnB5D,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,mBAAmB,SAAS,CAAC;AAG7B,OAAO,EAAE,gBAAgB,IAAI,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,KAAK,EAAE,qBAAqB,EAAyC,MAAM,SAAS,CAAC;AAG5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKnE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAg3B5D,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,mBAAmB,SAAS,CAAC;AAG7B,OAAO,EAAE,gBAAgB,IAAI,cAAc,EAAE,CAAC"}

package/dist/index.esm.css

@@ -1,2 +1,2 @@
-.auth-container{align-items:center;background:linear-gradient(135deg,var(--auth-bg-color,#e0f2fe) 0,#f0f9ff 100%);display:flex;font-family:var(--auth-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);justify-content:center;min-height:100vh;padding:1rem}.auth-theme-dark.auth-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-card{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(59,130,246,.1);max-width:440px;padding:2.5rem;width:100%}.auth-theme-dark .auth-card{background:#1e293b;box-shadow:0 10px 40px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{animation:float 3s ease-in-out infinite;display:inline-flex;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.auth-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.auth-theme-dark .auth-title{color:#f1f5f9}.auth-theme-dark .auth-subtitle{color:#94a3b8}.auth-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;margin-top:1rem;padding-top:1rem}.auth-theme-dark .auth-footer{border-top-color:#334155}.auth-footer a{color:var(--auth-primary-color,#3b82f6);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer span{color:#cbd5e1}.auth-theme-dark .auth-footer span{color:#475569}.auth-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--auth-primary-color,#3b82f6);height:40px;margin:0 auto;width:40px}@media (max-width:640px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}}.auth-form{width:100%}.auth-form-header{margin-bottom:1.5rem}.auth-form-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-theme-dark .auth-form-title{color:#f1f5f9}.auth-form-subtitle{color:#64748b;font-size:.875rem;margin:0}.auth-theme-dark .auth-form-subtitle{color:#94a3b8}.auth-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-theme-dark .auth-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.auth-form-group{margin-bottom:1rem}.auth-label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.auth-theme-dark .auth-label{color:#cbd5e1}.auth-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;color:#1e293b;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.auth-input:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-input:focus{background:#1e293b;border-color:#3b82f6}.auth-form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.auth-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:0;transition:color .2s ease}.auth-link:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.auth-link:disabled{cursor:not-allowed;opacity:.6}.auth-button,.auth-link-bold{font-weight:600}.auth-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.auth-button-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-2px)}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button-secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#334155}.auth-button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-theme-dark .auth-button-secondary{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-button-secondary:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-divider{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1.5rem}.auth-theme-dark .auth-divider{color:#94a3b8}.auth-provider-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.auth-provider-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-provider-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.auth-provider-button:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-provider-button{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-provider-button:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-or-divider{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.auth-or-divider:after,.auth-or-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1}.auth-or-divider span{padding:0 1rem}.auth-theme-dark .auth-or-divider:after,.auth-theme-dark .auth-or-divider:before{border-color:#334155}@media (max-width:640px){.auth-form-title{font-size:1.25rem}.auth-button,.auth-provider-button{font-size:.9375rem;padding:.75rem 1rem}}
+.auth-container{align-items:center;background:linear-gradient(135deg,var(--auth-bg-color,#e0f2fe) 0,#f0f9ff 100%);display:flex;font-family:var(--auth-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);justify-content:center;min-height:100vh;padding:1rem}.auth-theme-dark.auth-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-card{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(59,130,246,.1);max-width:440px;padding:2.5rem;width:100%}.auth-theme-dark .auth-card{background:#1e293b;box-shadow:0 10px 40px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{animation:float 3s ease-in-out infinite;display:inline-flex;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.auth-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.auth-theme-dark .auth-title{color:#f1f5f9}.auth-theme-dark .auth-subtitle{color:#94a3b8}.auth-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;margin-top:1rem;padding-top:1rem}.auth-theme-dark .auth-footer{border-top-color:#334155}.auth-footer a{color:var(--auth-primary-color,#3b82f6);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer span{color:#cbd5e1}.auth-theme-dark .auth-footer span{color:#475569}.auth-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--auth-primary-color,#3b82f6);height:40px;margin:0 auto;width:40px}@media (max-width:640px){.auth-container{min-height:100vh;min-height:100dvh;padding:.5rem}.auth-card{border-radius:12px;max-width:100%;padding:1.5rem 1.25rem}.auth-header{margin-bottom:1.25rem}.auth-logo{margin-bottom:.75rem}.auth-title{font-size:1.375rem;line-height:1.3}.auth-subtitle{font-size:.8125rem;margin-top:.125rem}.auth-footer{font-size:.8125rem;gap:.5rem;margin-top:.75rem;padding-top:.75rem}}@media (max-width:374px){.auth-card{padding:1.25rem 1rem}.auth-title{font-size:1.25rem}.auth-subtitle{font-size:.75rem}}.account-section{border-bottom:1px solid #e2e8f0;padding:1.5rem 0}.auth-theme-dark .account-section{border-bottom-color:#334155}.account-section:last-child{border-bottom:none}.section-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.auth-theme-dark .section-title{color:#f1f5f9}.current-info{background:#f8fafc;border-radius:8px;font-size:.875rem;margin-bottom:1rem;padding:1rem}.auth-theme-dark .current-info{background:#0f172a}.current-info p{color:#475569;margin:.25rem 0}.auth-theme-dark .current-info p{color:#94a3b8}.current-info strong{color:#1e293b}.auth-theme-dark .current-info strong{color:#f1f5f9}.form-group{margin-bottom:1rem}.form-group label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.auth-theme-dark .form-group label{color:#cbd5e1}.button-group{display:flex;flex-wrap:wrap;gap:.75rem}.danger-zone{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1.5rem}.auth-theme-dark .danger-zone{background:#450a0a;border-color:#991b1b}.text-danger{color:#dc2626!important}.text-success{color:#16a34a}.text-warning{color:#ea580c}.auth-theme-dark .text-success{color:#22c55e}.auth-theme-dark .text-warning{color:#fb923c}.delete-confirm{margin-top:1rem}.warning-text{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:.875rem;line-height:1.5;margin:0 0 1rem;padding:.75rem}.auth-theme-dark .warning-text{background:#7f1d1d;color:#fca5a5}.button-danger{background:#dc2626!important;color:#fff!important}.button-danger:hover:not(:disabled){background:#b91c1c!important}.button-secondary{background:#e2e8f0!important;color:#1e293b!important}.auth-theme-dark .button-secondary{background:#334155!important;color:#f1f5f9!important}.button-secondary:hover:not(:disabled){background:#cbd5e1!important}.auth-theme-dark .button-secondary:hover:not(:disabled){background:#475569!important}.photo-preview{display:block;-o-object-fit:cover;object-fit:cover}@media (max-width:640px){.account-section{padding:1rem 0}.section-title{font-size:1rem}.current-info{padding:.75rem}.button-group{flex-direction:column}.button-group .auth-button{width:100%}}.auth-form{width:100%}.auth-form-header{margin-bottom:1.5rem}.auth-form-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-theme-dark .auth-form-title{color:#f1f5f9}.auth-form-subtitle{color:#64748b;font-size:.875rem;margin:0}.auth-theme-dark .auth-form-subtitle{color:#94a3b8}.auth-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-theme-dark .auth-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.auth-form-group{margin-bottom:1rem}.auth-label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.auth-theme-dark .auth-label{color:#cbd5e1}.auth-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;color:#1e293b;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.auth-input:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-input:focus{background:#1e293b;border-color:#3b82f6}.auth-form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.auth-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:0;transition:color .2s ease}.auth-link:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.auth-link:disabled{cursor:not-allowed;opacity:.6}.auth-button,.auth-link-bold{font-weight:600}.auth-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.auth-button-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-2px)}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button-secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#334155}.auth-button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-theme-dark .auth-button-secondary{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-button-secondary:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-divider{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1.5rem}.auth-theme-dark .auth-divider{color:#94a3b8}.auth-provider-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.auth-provider-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-provider-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.auth-provider-button:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-provider-button{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-provider-button:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-or-divider{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.auth-or-divider:after,.auth-or-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1}.auth-or-divider span{padding:0 1rem}.auth-theme-dark .auth-or-divider:after,.auth-theme-dark .auth-or-divider:before{border-color:#334155}@media (max-width:640px){.auth-form-header{margin-bottom:1rem}.auth-form-title{font-size:1.125rem;margin-bottom:.375rem}.auth-error,.auth-form-subtitle{font-size:.8125rem}.auth-error{padding:.625rem .875rem}.auth-error,.auth-form-group{margin-bottom:.875rem}.auth-label{font-size:.8125rem;margin-bottom:.375rem}.auth-input{font-size:.9375rem;padding:.625rem .875rem}.auth-form-footer{margin-bottom:1rem}.auth-link{font-size:.8125rem}.auth-button,.auth-provider-button{font-size:.875rem;padding:.75rem 1rem}.auth-divider{font-size:.8125rem;margin-top:1rem}.auth-provider-buttons{gap:.625rem;margin-top:1rem}.auth-or-divider{font-size:.8125rem;margin:1rem 0}.auth-or-divider span{padding:0 .75rem}}@media (max-width:374px){.auth-form-title{font-size:1rem}.auth-input{font-size:.875rem;padding:.5rem .75rem}.auth-button,.auth-provider-button{font-size:.8125rem;padding:.625rem .875rem}}.otp-input-container{display:flex;gap:8px;justify-content:center}.otp-input-box{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:24px;font-weight:600;height:56px;outline:none;text-align:center;transition:all .2s ease;width:48px}.otp-input-box:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.otp-input-box:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.auth-theme-dark .otp-input-box{background-color:#374151;border-color:#4b5563;color:#f9fafb}.auth-theme-dark .otp-input-box:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}.auth-theme-dark .otp-input-box:disabled{background-color:#1f2937}@media (max-width:640px){.otp-input-box{font-size:18px;height:44px;width:36px}.otp-input-container{gap:5px}}@media (max-width:374px){.otp-input-box{font-size:16px;height:40px;width:32px}.otp-input-container{gap:4px}}.phone-input-wrapper{width:100%}.phone-input-wrapper .PhoneInput{align-items:center;display:flex;width:100%}.phone-input-wrapper .PhoneInputInput{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;flex:1;font-family:inherit;font-size:.9375rem;padding:.75rem;transition:all .2s;width:100%}.phone-input-wrapper .PhoneInputInput:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.phone-input-wrapper .PhoneInputInput:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.phone-input-wrapper .PhoneInputCountry{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;margin-right:.5rem;padding:.5rem;transition:all .2s}.phone-input-wrapper .PhoneInputCountry:hover{background-color:#f9fafb;border-color:#9ca3af}.phone-input-wrapper .PhoneInputCountrySelect{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.9375rem;padding:.5rem}.phone-input-wrapper .PhoneInputCountryIcon{box-shadow:0 0 0 1px rgba(0,0,0,.1);height:24px;width:24px}.phone-input-wrapper .PhoneInputCountrySelectArrow{height:.5rem;margin-left:.5rem;opacity:.5;width:.5rem}.auth-theme-dark .phone-input-wrapper .PhoneInputInput{background-color:#374151;border-color:#4b5563;color:#f9fafb}.auth-theme-dark .phone-input-wrapper .PhoneInputInput:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}.auth-theme-dark .phone-input-wrapper .PhoneInputInput:disabled{background-color:#1f2937}.auth-theme-dark .phone-input-wrapper .PhoneInputCountry{background-color:#374151;border-color:#4b5563}.auth-theme-dark .phone-input-wrapper .PhoneInputCountry:hover{background-color:#4b5563;border-color:#6b7280}.auth-theme-dark .phone-input-wrapper .PhoneInputCountrySelect{background-color:#374151;border-color:#4b5563;color:#f9fafb}@media (max-width:640px){.phone-input-wrapper .PhoneInputInput{font-size:.9375rem;padding:.625rem .75rem}.phone-input-wrapper .PhoneInputCountry{margin-right:.375rem;padding:.375rem}.phone-input-wrapper .PhoneInputCountryIcon{height:20px;width:20px}}@media (max-width:374px){.phone-input-wrapper .PhoneInputInput{font-size:.875rem;padding:.5rem .625rem}.phone-input-wrapper .PhoneInputCountry{padding:.3125rem}.phone-input-wrapper .PhoneInputCountryIcon{height:18px;width:18px}}
 /*# sourceMappingURL=index.esm.css.map */

package/dist/index.esm.css.map

@@ -1 +1 @@
-{"version":3,"sources":["AuthContainer.css","AuthForm.css"],"names":[],"mappings":"AAAA,gBAGE,kBAAmB,CAGnB,8EAAmF,CAJnF,YAAa,CAKb,wHAAgI,CAHhI,sBAAuB,CAHvB,gBAAiB,CAIjB,YAGF,CAEA,gCACE,kDACF,CAEA,WAOE,8CAAqD,CAJrD,eAAiB,CACjB,kBAAmB,CACnB,0CAA+C,CAH/C,eAAgB,CAIhB,cAAe,CALf,UAOF,CAEA,4BACE,kBAAmB,CACnB,qCACF,CAEA,mBACE,GACE,SAAU,CACV,0BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAEA,aAEE,kBAAmB,CADnB,iBAEF,CAEA,WAGE,uCAAwC,CAFxC,mBAAoB,CACpB,kBAEF,CAEA,iBACE,MACE,uBACF,CACA,IACE,0BACF,CACF,CAEA,YAGE,aAAc,CAFd,iBAAkB,CAClB,eAAgB,CAEhB,QACF,CAEA,eAEE,aAAc,CADd,iBAAmB,CAEnB,iBACF,CAEA,6BACE,aACF,CAEA,gCACE,aACF,CAMA,aAEE,kBAAmB,CAKnB,4BAA6B,CAN7B,YAAa,CAOb,iBAAmB,CAJnB,UAAY,CADZ,sBAAuB,CAGvB,eAAgB,CADhB,gBAIF,CAEA,8BACE,wBACF,CAEA,eACE,uCAAyC,CACzC,oBACF,CAEA,qBACE,yBACF,CAEA,kBACE,aACF,CAEA,mCACE,aACF,CAEA,cAIE,wBAAoD,CAApD,sDAAoD,CAFpD,WAAY,CAKZ,aAAc,CANd,UAOF,CAQA,yBACE,WACE,mBACF,CAEA,YACE,gBACF,CACF,CC7IA,WACE,UACF,CAEA,kBACE,oBACF,CAEA,iBAGE,aAAc,CAFd,gBAAiB,CACjB,eAAgB,CAEhB,gBACF,CAEA,kCACE,aACF,CAEA,oBAEE,aAAc,CADd,iBAAmB,CAEnB,QACF,CAEA,qCACE,aACF,CAEA,YAEE,kBAAmB,CASnB,wBAA0B,CAN1B,kBAAmB,CACnB,wBAAyB,CACzB,mBAAqB,CACrB,aAAc,CAPd,YAAa,CAQb,iBAAmB,CANnB,SAAW,CAOX,kBAAmB,CANnB,mBAQF,CAEA,6BACE,kBAAmB,CACnB,oBAAqB,CACrB,aACF,CAEA,iBACE,MAAW,uBAA0B,CACrC,IAAM,0BAA6B,CACnC,IAAM,yBAA4B,CACpC,CAEA,iBACE,kBACF,CAEA,YAIE,aAAc,CAHd,aAAc,CACd,iBAAmB,CACnB,eAAgB,CAEhB,mBACF,CAEA,6BACE,aACF,CAEA,YAKE,kBAAmB,CACnB,wBAAyB,CACzB,mBAAqB,CAErB,qBAAsB,CALtB,aAAc,CADd,cAAe,CADf,mBAAqB,CAMrB,uBAAyB,CAPzB,UASF,CAEA,kBAGE,eAAiB,CADjB,oBAAqB,CAErB,wCAA6C,CAH7C,YAIF,CAEA,qBAEE,kBAAmB,CADnB,UAEF,CAEA,6BACE,kBAAmB,CACnB,oBAAqB,CACrB,aACF,CAEA,mCACE,kBAAmB,CACnB,oBACF,CAEA,kBACE,YAAa,CACb,wBAAyB,CACzB,oBACF,CAEA,WACE,eAAgB,CAChB,WAAY,CAGZ,aAAc,CACd,cAAe,CAFf,iBAAmB,CADnB,SAAU,CAIV,yBACF,CAEA,gCACE,aAAc,CACd,yBACF,CAEA,oBAEE,kBAAmB,CADnB,UAEF,CAMA,6BAHE,eAgBF,CAbA,aAUE,kBAAmB,CALnB,WAAY,CACZ,mBAAqB,CACrB,cAAe,CAEf,YAAa,CANb,cAAe,CASf,SAAW,CADX,sBAAuB,CATvB,sBAAwB,CAMxB,uBAAyB,CAPzB,UAYF,CAEA,sBAEE,kBAAmB,CADnB,UAEF,CAEA,qBACE,kDAA6D,CAE7D,0CAA+C,CAD/C,UAEF,CAEA,0CAEE,0CAA+C,CAD/C,0BAEF,CAEA,2CACE,uBACF,CAEA,uBACE,eAAiB,CAEjB,wBAAyB,CACzB,oCAAyC,CAFzC,aAGF,CAEA,4CACE,kBAAmB,CACnB,oBACF,CAEA,wCACE,kBAAmB,CAEnB,oBAAqB,CADrB,aAEF,CAEA,6DACE,kBAAmB,CACnB,oBACF,CAEA,cAOE,kCAAoC,CAFpC,mCAAuB,CACvB,iBAAkB,CADlB,qBAAuB,CAJvB,oBAAqB,CAErB,WAAY,CADZ,UAMF,CAEA,gBACE,GAAK,uBAA2B,CAClC,CAEA,cAEE,kBAAmB,CAKnB,aAAc,CANd,YAAa,CAKb,iBAAmB,CAFnB,SAAW,CADX,sBAAuB,CAEvB,iBAGF,CAEA,+BACE,aACF,CAEA,uBACE,YAAa,CACb,qBAAsB,CACtB,UAAY,CACZ,iBACF,CAEA,sBAYE,kBAAmB,CAPnB,eAAiB,CAEjB,wBAAyB,CACzB,mBAAqB,CAFrB,aAAc,CAGd,cAAe,CAEf,YAAa,CARb,kBAAoB,CACpB,eAAgB,CAUhB,UAAY,CADZ,sBAAuB,CAXvB,sBAAwB,CAQxB,uBAAyB,CATzB,UAcF,CAEA,2CACE,kBAAmB,CACnB,oBAAqB,CAErB,qCAA0C,CAD1C,0BAEF,CAEA,+BAEE,kBAAmB,CADnB,UAEF,CAEA,uCACE,kBAAmB,CAEnB,oBAAqB,CADrB,aAEF,CAEA,4DACE,kBAAmB,CACnB,oBACF,CAEA,iBAEE,kBAAmB,CAGnB,aAAc,CAJd,YAAa,CAKb,iBAAmB,CAFnB,eAAgB,CADhB,iBAIF,CAEA,+CAIE,+BAAgC,CAFhC,UAAW,CACX,MAEF,CAEA,sBACE,cACF,CAEA,iFAEE,oBACF,CAEA,yBACE,iBACE,iBACF,CAEA,mCAGE,kBAAoB,CADpB,mBAEF,CACF","file":"index.esm.css","sourcesContent":[".auth-container {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1rem;\r\n  background: linear-gradient(135deg, var(--auth-bg-color, #e0f2fe) 0%, #f0f9ff 100%);\r\n  font-family: var(--auth-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);\r\n}\r\n\r\n.auth-theme-dark.auth-container {\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n}\r\n\r\n.auth-card {\r\n  width: 100%;\r\n  max-width: 440px;\r\n  background: white;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 40px rgba(59, 130, 246, 0.1);\r\n  padding: 2.5rem;\r\n  animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.auth-theme-dark .auth-card {\r\n  background: #1e293b;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n@keyframes slideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.auth-header {\r\n  text-align: center;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.auth-logo {\r\n  display: inline-flex;\r\n  margin-bottom: 1rem;\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-8px);\r\n  }\r\n}\r\n\r\n.auth-title {\r\n  font-size: 1.75rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0.25rem 0 0 0;\r\n}\r\n\r\n.auth-theme-dark .auth-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-content {\r\n  /* Content styles handled by child components */\r\n}\r\n\r\n.auth-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n  padding-top: 1rem;\r\n  margin-top: 1rem;\r\n  border-top: 1px solid #e2e8f0;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-theme-dark .auth-footer {\r\n  border-top-color: #334155;\r\n}\r\n\r\n.auth-footer a {\r\n  color: var(--auth-primary-color, #3B82F6);\r\n  text-decoration: none;\r\n}\r\n\r\n.auth-footer a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-footer span {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-footer span {\r\n  color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #e2e8f0;\r\n  border-top-color: var(--auth-primary-color, #3B82F6);\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n  margin: 0 auto;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .auth-card {\r\n    padding: 2rem 1.5rem;\r\n  }\r\n  \r\n  .auth-title {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n",".auth-form {\r\n  width: 100%;\r\n}\r\n\r\n.auth-form-header {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-form-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0 0 0.5rem 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-form-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-error {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.75rem 1rem;\r\n  background: #fef2f2;\r\n  border: 1px solid #fecaca;\r\n  border-radius: 0.5rem;\r\n  color: #dc2626;\r\n  font-size: 0.875rem;\r\n  margin-bottom: 1rem;\r\n  animation: shake 0.4s ease;\r\n}\r\n\r\n.auth-theme-dark .auth-error {\r\n  background: #7f1d1d;\r\n  border-color: #991b1b;\r\n  color: #fca5a5;\r\n}\r\n\r\n@keyframes shake {\r\n  0%, 100% { transform: translateX(0); }\r\n  25% { transform: translateX(-8px); }\r\n  75% { transform: translateX(8px); }\r\n}\r\n\r\n.auth-form-group {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.auth-label {\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #334155;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.auth-theme-dark .auth-label {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-input {\r\n  width: 100%;\r\n  padding: 0.75rem 1rem;\r\n  font-size: 1rem;\r\n  color: #1e293b;\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  transition: all 0.2s ease;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.auth-input:focus {\r\n  outline: none;\r\n  border-color: #3b82f6;\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.auth-input:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-input {\r\n  background: #0f172a;\r\n  border-color: #334155;\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-input:focus {\r\n  background: #1e293b;\r\n  border-color: #3b82f6;\r\n}\r\n\r\n.auth-form-footer {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-link {\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  font-size: 0.875rem;\r\n  color: #3b82f6;\r\n  cursor: pointer;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.auth-link:hover:not(:disabled) {\r\n  color: #1d4ed8;\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-link:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-link-bold {\r\n  font-weight: 600;\r\n}\r\n\r\n.auth-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  border: none;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.auth-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-button-primary {\r\n  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n  color: white;\r\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);\r\n}\r\n\r\n.auth-button-primary:hover:not(:disabled) {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\r\n}\r\n\r\n.auth-button-primary:active:not(:disabled) {\r\n  transform: translateY(0);\r\n}\r\n\r\n.auth-button-secondary {\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.auth-button-secondary:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  display: inline-block;\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n  border-top-color: white;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.auth-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  margin-top: 1.5rem;\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n}\r\n\r\n.auth-theme-dark .auth-divider {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-provider-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.75rem;\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.auth-provider-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 0.9375rem;\r\n  font-weight: 500;\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.auth-provider-button:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.auth-provider-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-or-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin: 1.5rem 0;\r\n  color: #94a3b8;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-or-divider::before,\r\n.auth-or-divider::after {\r\n  content: '';\r\n  flex: 1;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.auth-or-divider span {\r\n  padding: 0 1rem;\r\n}\r\n\r\n.auth-theme-dark .auth-or-divider::before,\r\n.auth-theme-dark .auth-or-divider::after {\r\n  border-color: #334155;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .auth-form-title {\r\n    font-size: 1.25rem;\r\n  }\r\n  \r\n  .auth-button,\r\n  .auth-provider-button {\r\n    padding: 0.75rem 1rem;\r\n    font-size: 0.9375rem;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["AuthContainer.css","AuthForm.css","OTPInput.css","PhoneInput.css"],"names":[],"mappings":"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","file":"index.esm.css","sourcesContent":[".auth-container {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1rem;\r\n  background: linear-gradient(135deg, var(--auth-bg-color, #e0f2fe) 0%, #f0f9ff 100%);\r\n  font-family: var(--auth-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);\r\n}\r\n\r\n.auth-theme-dark.auth-container {\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n}\r\n\r\n.auth-card {\r\n  width: 100%;\r\n  max-width: 440px;\r\n  background: white;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 40px rgba(59, 130, 246, 0.1);\r\n  padding: 2.5rem;\r\n  animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.auth-theme-dark .auth-card {\r\n  background: #1e293b;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n@keyframes slideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.auth-header {\r\n  text-align: center;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.auth-logo {\r\n  display: inline-flex;\r\n  margin-bottom: 1rem;\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-8px);\r\n  }\r\n}\r\n\r\n.auth-title {\r\n  font-size: 1.75rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0.25rem 0 0 0;\r\n}\r\n\r\n.auth-theme-dark .auth-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-content {\r\n  /* Content styles handled by child components */\r\n}\r\n\r\n.auth-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n  padding-top: 1rem;\r\n  margin-top: 1rem;\r\n  border-top: 1px solid #e2e8f0;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-theme-dark .auth-footer {\r\n  border-top-color: #334155;\r\n}\r\n\r\n.auth-footer a {\r\n  color: var(--auth-primary-color, #3B82F6);\r\n  text-decoration: none;\r\n}\r\n\r\n.auth-footer a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-footer span {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-footer span {\r\n  color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #e2e8f0;\r\n  border-top-color: var(--auth-primary-color, #3B82F6);\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n  margin: 0 auto;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* Mobile optimizations - reduced white space and condensed layout */\r\n@media (max-width: 640px) {\r\n  .auth-container {\r\n    padding: 0.5rem;\r\n    min-height: 100vh;\r\n    min-height: 100dvh; /* Dynamic viewport height for mobile browsers */\r\n  }\r\n\r\n  .auth-card {\r\n    padding: 1.5rem 1.25rem;\r\n    border-radius: 12px;\r\n    max-width: 100%;\r\n  }\r\n  \r\n  .auth-header {\r\n    margin-bottom: 1.25rem;\r\n  }\r\n  \r\n  .auth-logo {\r\n    margin-bottom: 0.75rem;\r\n  }\r\n  \r\n  .auth-title {\r\n    font-size: 1.375rem;\r\n    line-height: 1.3;\r\n  }\r\n  \r\n  .auth-subtitle {\r\n    font-size: 0.8125rem;\r\n    margin-top: 0.125rem;\r\n  }\r\n  \r\n  .auth-footer {\r\n    padding-top: 0.75rem;\r\n    margin-top: 0.75rem;\r\n    font-size: 0.8125rem;\r\n    gap: 0.5rem;\r\n  }\r\n}\r\n\r\n/* Extra small devices (< 375px) */\r\n@media (max-width: 374px) {\r\n  .auth-card {\r\n    padding: 1.25rem 1rem;\r\n  }\r\n  \r\n  .auth-title {\r\n    font-size: 1.25rem;\r\n  }\r\n  \r\n  .auth-subtitle {\r\n    font-size: 0.75rem;\r\n  }\r\n}\r\n\r\n/* ============= Account Management Styles ============= */\r\n\r\n.account-section {\r\n  padding: 1.5rem 0;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.auth-theme-dark .account-section {\r\n  border-bottom-color: #334155;\r\n}\r\n\r\n.account-section:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.section-title {\r\n  font-size: 1.125rem;\r\n  font-weight: 600;\r\n  color: #1e293b;\r\n  margin: 0 0 1rem 0;\r\n}\r\n\r\n.auth-theme-dark .section-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.current-info {\r\n  background: #f8fafc;\r\n  padding: 1rem;\r\n  border-radius: 8px;\r\n  margin-bottom: 1rem;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-theme-dark .current-info {\r\n  background: #0f172a;\r\n}\r\n\r\n.current-info p {\r\n  margin: 0.25rem 0;\r\n  color: #475569;\r\n}\r\n\r\n.auth-theme-dark .current-info p {\r\n  color: #94a3b8;\r\n}\r\n\r\n.current-info strong {\r\n  color: #1e293b;\r\n}\r\n\r\n.auth-theme-dark .current-info strong {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.form-group label {\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #334155;\r\n  margin-bottom: 0.375rem;\r\n}\r\n\r\n.auth-theme-dark .form-group label {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.button-group {\r\n  display: flex;\r\n  gap: 0.75rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.danger-zone {\r\n  background: #fef2f2;\r\n  padding: 1.5rem;\r\n  border-radius: 8px;\r\n  border: 1px solid #fecaca;\r\n}\r\n\r\n.auth-theme-dark .danger-zone {\r\n  background: #450a0a;\r\n  border-color: #991b1b;\r\n}\r\n\r\n.text-danger {\r\n  color: #dc2626 !important;\r\n}\r\n\r\n.text-success {\r\n  color: #16a34a;\r\n}\r\n\r\n.text-warning {\r\n  color: #ea580c;\r\n}\r\n\r\n.auth-theme-dark .text-success {\r\n  color: #22c55e;\r\n}\r\n\r\n.auth-theme-dark .text-warning {\r\n  color: #fb923c;\r\n}\r\n\r\n.delete-confirm {\r\n  margin-top: 1rem;\r\n}\r\n\r\n.warning-text {\r\n  color: #dc2626;\r\n  font-size: 0.875rem;\r\n  margin: 0 0 1rem 0;\r\n  padding: 0.75rem;\r\n  background: #fee2e2;\r\n  border-radius: 6px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.auth-theme-dark .warning-text {\r\n  background: #7f1d1d;\r\n  color: #fca5a5;\r\n}\r\n\r\n.button-danger {\r\n  background: #dc2626 !important;\r\n  color: white !important;\r\n}\r\n\r\n.button-danger:hover:not(:disabled) {\r\n  background: #b91c1c !important;\r\n}\r\n\r\n.button-secondary {\r\n  background: #e2e8f0 !important;\r\n  color: #1e293b !important;\r\n}\r\n\r\n.auth-theme-dark .button-secondary {\r\n  background: #334155 !important;\r\n  color: #f1f5f9 !important;\r\n}\r\n\r\n.button-secondary:hover:not(:disabled) {\r\n  background: #cbd5e1 !important;\r\n}\r\n\r\n.auth-theme-dark .button-secondary:hover:not(:disabled) {\r\n  background: #475569 !important;\r\n}\r\n\r\n.photo-preview {\r\n  display: block;\r\n  object-fit: cover;\r\n}\r\n\r\n/* Mobile optimizations for account management */\r\n@media (max-width: 640px) {\r\n  .account-section {\r\n    padding: 1rem 0;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .current-info {\r\n    padding: 0.75rem;\r\n  }\r\n  \r\n  .button-group {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .button-group .auth-button {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n",".auth-form {\r\n  width: 100%;\r\n}\r\n\r\n.auth-form-header {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-form-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0 0 0.5rem 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-form-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-error {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.75rem 1rem;\r\n  background: #fef2f2;\r\n  border: 1px solid #fecaca;\r\n  border-radius: 0.5rem;\r\n  color: #dc2626;\r\n  font-size: 0.875rem;\r\n  margin-bottom: 1rem;\r\n  animation: shake 0.4s ease;\r\n}\r\n\r\n.auth-theme-dark .auth-error {\r\n  background: #7f1d1d;\r\n  border-color: #991b1b;\r\n  color: #fca5a5;\r\n}\r\n\r\n@keyframes shake {\r\n  0%, 100% { transform: translateX(0); }\r\n  25% { transform: translateX(-8px); }\r\n  75% { transform: translateX(8px); }\r\n}\r\n\r\n.auth-form-group {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.auth-label {\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #334155;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.auth-theme-dark .auth-label {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-input {\r\n  width: 100%;\r\n  padding: 0.75rem 1rem;\r\n  font-size: 1rem;\r\n  color: #1e293b;\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  transition: all 0.2s ease;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.auth-input:focus {\r\n  outline: none;\r\n  border-color: #3b82f6;\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.auth-input:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-input {\r\n  background: #0f172a;\r\n  border-color: #334155;\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-input:focus {\r\n  background: #1e293b;\r\n  border-color: #3b82f6;\r\n}\r\n\r\n.auth-form-footer {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-link {\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  font-size: 0.875rem;\r\n  color: #3b82f6;\r\n  cursor: pointer;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.auth-link:hover:not(:disabled) {\r\n  color: #1d4ed8;\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-link:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-link-bold {\r\n  font-weight: 600;\r\n}\r\n\r\n.auth-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  border: none;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.auth-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-button-primary {\r\n  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n  color: white;\r\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);\r\n}\r\n\r\n.auth-button-primary:hover:not(:disabled) {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\r\n}\r\n\r\n.auth-button-primary:active:not(:disabled) {\r\n  transform: translateY(0);\r\n}\r\n\r\n.auth-button-secondary {\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.auth-button-secondary:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  display: inline-block;\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n  border-top-color: white;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.auth-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  margin-top: 1.5rem;\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n}\r\n\r\n.auth-theme-dark .auth-divider {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-provider-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.75rem;\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.auth-provider-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 0.9375rem;\r\n  font-weight: 500;\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.auth-provider-button:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.auth-provider-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-or-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin: 1.5rem 0;\r\n  color: #94a3b8;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-or-divider::before,\r\n.auth-or-divider::after {\r\n  content: '';\r\n  flex: 1;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.auth-or-divider span {\r\n  padding: 0 1rem;\r\n}\r\n\r\n.auth-theme-dark .auth-or-divider::before,\r\n.auth-theme-dark .auth-or-divider::after {\r\n  border-color: #334155;\r\n}\r\n\r\n/* Mobile optimizations - condensed spacing and sizing */\r\n@media (max-width: 640px) {\r\n  .auth-form-header {\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .auth-form-title {\r\n    font-size: 1.125rem;\r\n    margin-bottom: 0.375rem;\r\n  }\r\n  \r\n  .auth-form-subtitle {\r\n    font-size: 0.8125rem;\r\n  }\r\n  \r\n  .auth-error {\r\n    padding: 0.625rem 0.875rem;\r\n    font-size: 0.8125rem;\r\n    margin-bottom: 0.875rem;\r\n  }\r\n  \r\n  .auth-form-group {\r\n    margin-bottom: 0.875rem;\r\n  }\r\n  \r\n  .auth-label {\r\n    font-size: 0.8125rem;\r\n    margin-bottom: 0.375rem;\r\n  }\r\n  \r\n  .auth-input {\r\n    padding: 0.625rem 0.875rem;\r\n    font-size: 0.9375rem;\r\n  }\r\n  \r\n  .auth-form-footer {\r\n    margin-bottom: 1rem;\r\n  }\r\n  \r\n  .auth-link {\r\n    font-size: 0.8125rem;\r\n  }\r\n  \r\n  .auth-button,\r\n  .auth-provider-button {\r\n    padding: 0.75rem 1rem;\r\n    font-size: 0.875rem;\r\n  }\r\n  \r\n  .auth-divider {\r\n    margin-top: 1rem;\r\n    font-size: 0.8125rem;\r\n  }\r\n  \r\n  .auth-provider-buttons {\r\n    gap: 0.625rem;\r\n    margin-top: 1rem;\r\n  }\r\n  \r\n  .auth-or-divider {\r\n    margin: 1rem 0;\r\n    font-size: 0.8125rem;\r\n  }\r\n  \r\n  .auth-or-divider span {\r\n    padding: 0 0.75rem;\r\n  }\r\n}\r\n\r\n/* Extra small devices */\r\n@media (max-width: 374px) {\r\n  .auth-form-title {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .auth-input {\r\n    padding: 0.5rem 0.75rem;\r\n    font-size: 0.875rem;\r\n  }\r\n  \r\n  .auth-button,\r\n  .auth-provider-button {\r\n    padding: 0.625rem 0.875rem;\r\n    font-size: 0.8125rem;\r\n  }\r\n}\r\n",".otp-input-container {\r\n  display: flex;\r\n  gap: 8px;\r\n  justify-content: center;\r\n}\r\n\r\n.otp-input-box {\r\n  width: 48px;\r\n  height: 56px;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  border: 2px solid #e5e7eb;\r\n  border-radius: 8px;\r\n  background-color: #ffffff;\r\n  color: #1f2937;\r\n  transition: all 0.2s ease;\r\n  outline: none;\r\n}\r\n\r\n.otp-input-box:focus {\r\n  border-color: #3b82f6;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.otp-input-box:disabled {\r\n  background-color: #f3f4f6;\r\n  cursor: not-allowed;\r\n  opacity: 0.6;\r\n}\r\n\r\n/* Dark theme support */\r\n.auth-theme-dark .otp-input-box {\r\n  background-color: #374151;\r\n  border-color: #4b5563;\r\n  color: #f9fafb;\r\n}\r\n\r\n.auth-theme-dark .otp-input-box:focus {\r\n  border-color: #60a5fa;\r\n  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);\r\n}\r\n\r\n.auth-theme-dark .otp-input-box:disabled {\r\n  background-color: #1f2937;\r\n}\r\n\r\n/* Mobile responsiveness - more compact for mobile devices */\r\n@media (max-width: 640px) {\r\n  .otp-input-box {\r\n    width: 36px;\r\n    height: 44px;\r\n    font-size: 18px;\r\n  }\r\n  \r\n  .otp-input-container {\r\n    gap: 5px;\r\n  }\r\n}\r\n\r\n/* Extra small devices - very compact */\r\n@media (max-width: 374px) {\r\n  .otp-input-box {\r\n    width: 32px;\r\n    height: 40px;\r\n    font-size: 16px;\r\n  }\r\n  \r\n  .otp-input-container {\r\n    gap: 4px;\r\n  }\r\n}\r\n",".phone-input-wrapper {\r\n  width: 100%;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInput {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputInput {\r\n  flex: 1;\r\n  width: 100%;\r\n  padding: 0.75rem;\r\n  font-size: 0.9375rem;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 0.5rem;\r\n  background-color: #ffffff;\r\n  color: #1f2937;\r\n  transition: all 0.2s;\r\n  font-family: inherit;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputInput:focus {\r\n  outline: none;\r\n  border-color: #3b82f6;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputInput:disabled {\r\n  background-color: #f3f4f6;\r\n  cursor: not-allowed;\r\n  opacity: 0.6;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountry {\r\n  margin-right: 0.5rem;\r\n  padding: 0.5rem;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 0.5rem;\r\n  background-color: #ffffff;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountry:hover {\r\n  background-color: #f9fafb;\r\n  border-color: #9ca3af;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountrySelect {\r\n  padding: 0.5rem;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 0.5rem;\r\n  background-color: #ffffff;\r\n  cursor: pointer;\r\n  font-size: 0.9375rem;\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountryIcon {\r\n  width: 24px;\r\n  height: 24px;\r\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.phone-input-wrapper .PhoneInputCountrySelectArrow {\r\n  width: 0.5rem;\r\n  height: 0.5rem;\r\n  margin-left: 0.5rem;\r\n  opacity: 0.5;\r\n}\r\n\r\n/* Dark theme support */\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputInput {\r\n  background-color: #374151;\r\n  border-color: #4b5563;\r\n  color: #f9fafb;\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputInput:focus {\r\n  border-color: #60a5fa;\r\n  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputInput:disabled {\r\n  background-color: #1f2937;\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputCountry {\r\n  background-color: #374151;\r\n  border-color: #4b5563;\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputCountry:hover {\r\n  background-color: #4b5563;\r\n  border-color: #6b7280;\r\n}\r\n\r\n.auth-theme-dark .phone-input-wrapper .PhoneInputCountrySelect {\r\n  background-color: #374151;\r\n  border-color: #4b5563;\r\n  color: #f9fafb;\r\n}\r\n\r\n/* Mobile responsiveness - condensed */\r\n@media (max-width: 640px) {\r\n  .phone-input-wrapper .PhoneInputInput {\r\n    padding: 0.625rem 0.75rem;\r\n    font-size: 0.9375rem;\r\n  }\r\n  \r\n  .phone-input-wrapper .PhoneInputCountry {\r\n    padding: 0.375rem;\r\n    margin-right: 0.375rem;\r\n  }\r\n  \r\n  .phone-input-wrapper .PhoneInputCountryIcon {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n}\r\n\r\n/* Extra small devices */\r\n@media (max-width: 374px) {\r\n  .phone-input-wrapper .PhoneInputInput {\r\n    padding: 0.5rem 0.625rem;\r\n    font-size: 0.875rem;\r\n  }\r\n  \r\n  .phone-input-wrapper .PhoneInputCountry {\r\n    padding: 0.3125rem;\r\n  }\r\n  \r\n  .phone-input-wrapper .PhoneInputCountryIcon {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n}\r\n"]}