@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css";@import"https://cdn-uicons.flaticon.com/2.6.0/uicons-bold-rounded/css/uicons-bold-rounded.css";@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-rounded/css/uicons-solid-rounded.css";@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-bold-rounded/css/uicons-bold-rounded.css";*,:before,:after{box-sizing:border-box;margin:0;border:0;-webkit-user-select:none;user-select:none;text-decoration:none;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,li{list-style:none;margin:0;padding:0}html{font-size:62.5%}#app{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:var(--color-background);transition:background-color .25s ease,color .25s ease}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.verify-2fa[data-v-474502be]{display:flex;flex-direction:column;flex:1;min-height:100%}.login-page[data-v-3acd5e15]{overflow:hidden}.login-content[data-v-3acd5e15]{display:flex;flex-direction:column;flex:1}.login-content .app-logo[data-v-3acd5e15]{padding-top:4rem}.login-content .app-title[data-v-3acd5e15]{padding-bottom:var(--spacing-xl)}.login-content .app-form[data-v-3acd5e15]{flex:1}.login-content .app-form__footer[data-v-3acd5e15]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.not-found[data-v-12829fe1]{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:var(--spacing-xl)}.not-found__content[data-v-12829fe1]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);text-align:center;max-width:40rem}.not-found__icon[data-v-12829fe1]{width:12rem;height:12rem;border-radius:var(--radius-full);background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.not-found__icon i[data-v-12829fe1]{font-size:5rem;color:var(--color-primary)}.not-found__text[data-v-12829fe1]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.not-found__text h1[data-v-12829fe1]{font-size:8rem;font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;letter-spacing:-.02em}.not-found__text h2[data-v-12829fe1]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.not-found__text p[data-v-12829fe1]{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:30rem}.not-found__actions[data-v-12829fe1]{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}:root{--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fee2e2;--color-success: #16a34a;--color-success-hover: #15803d;--color-success-bg: #f0fdf4;--color-success-border: #dcfce7;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-bg: #fef3c7;--color-warning-border: #fde68a;--color-info: #3b82f6;--color-info-hover: #2563eb;--color-info-bg: #eff6ff;--color-info-border: #dbeafe;--color-surface: #ffffff;--color-background: #f7f7f7;--color-background-hover: #f0f0f0;--color-border: #e5e5e5;--color-border-light: #f0f0f0;--color-border-focus: var(--color-primary);--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #888888;--color-text-placeholder: #999999;--color-text-inverse: #ffffff;--color-icon-surface: #f7f7f7;--color-icon: #333333;--color-icon-special: #ffffff;--color-icon-special-surface: var(--color-primary);--radius-xs: .4rem;--radius-sm: .5rem;--radius-md: .9rem;--radius-lg: 1.2rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 12px var(--color-primary-light);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--font-size-xs: 1.1rem;--font-size-sm: 1.2rem;--font-size-base: 1.4rem;--font-size-lg: 1.6rem;--font-size-xl: 1.8rem;--font-size-2xl: 2.4rem;--font-size-3xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .5rem;--spacing-sm: .7rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300;--z-toast: 400}.dark{--color-surface: #171717;--color-background: #262626;--color-background-hover: #1a2332;--color-border: #2a3441;--color-border-light: #1f2937;--color-border-focus: var(--color-primary);--color-text: #eeeeee;--color-text-secondary: #f3f3f3;--color-text-muted: #888888;--color-text-placeholder: #666666;--color-text-inverse: #111111;--color-icon-surface: #262626;--color-icon: #f3f3f3;--color-icon-special: #333;--color-icon-special-surface: var(--color-primary);--color-error-bg: #1a0f0f;--color-error-border: #2d1515;--color-success-bg: #0c1f17;--color-success-border: #1a3329;--color-warning-bg: #1f1e0f;--color-warning-border: #2d2a15;--color-info-bg: #0f1a2d;--color-info-border: #152a4d;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:1.2rem 2rem;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;min-height:4.8rem}.btn i{font-size:var(--font-size-lg);transition:transform var(--transition-base)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn--primary:hover:not(:disabled) i{transform:translate(4px)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(0);box-shadow:none}.btn--secondary{background-color:var(--color-background);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-background-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:active:not(:disabled){background-color:var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-primary-lighter)}.btn--ghost:active:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){background-color:var(--color-error-hover);box-shadow:0 4px 12px #ef444440;transform:translateY(-2px)}.btn--danger:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn--sm{padding:.8rem 1.4rem;font-size:var(--font-size-sm);min-height:3.6rem;border-radius:var(--radius-md)}.btn--sm i{font-size:var(--font-size-base)}.btn--lg{padding:1.4rem 2.4rem;font-size:var(--font-size-lg);min-height:5.6rem;border-radius:var(--radius-xl)}.btn--lg i{font-size:var(--font-size-xl)}.btn--full{width:100%}.btn--icon-only{padding:1.2rem;min-width:4.8rem}.btn--icon-only.btn--sm{padding:.8rem;min-width:3.6rem}.btn--icon-only.btn--lg{padding:1.4rem;min-width:5.6rem}.input-wrapper{display:flex;align-items:center;background-color:var(--color-background);border:2px solid transparent;border-radius:var(--radius-lg);padding:1.2rem 1.5rem;gap:var(--spacing-md);transition:all var(--transition-base)}.input-wrapper>i{font-size:var(--font-size-lg);color:var(--color-text-muted);transition:color var(--transition-base);flex-shrink:0}.input-wrapper .input,.input-wrapper input{width:100%;font-size:var(--font-size-base);color:var(--color-text);border:none;outline:none;background:transparent}.input-wrapper .input::placeholder,.input-wrapper input::placeholder{color:var(--color-text-placeholder)}.input-wrapper .input:disabled,.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.input-wrapper .input:-webkit-autofill,.input-wrapper .input:-webkit-autofill:hover,.input-wrapper .input:-webkit-autofill:focus,.input-wrapper .input:-webkit-autofill:active,.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:hover,.input-wrapper input:-webkit-autofill:focus,.input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color-background) inset!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 5000s ease-in-out 0s}.input-wrapper:focus-within{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-wrapper:focus-within>i{color:var(--color-primary)}.input-wrapper:focus-within .input:-webkit-autofill,.input-wrapper:focus-within input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--color-surface) inset!important}.input-wrapper.has-error{border-color:var(--color-error);background-color:var(--color-error-bg)}.input-wrapper.has-error>i{color:var(--color-error)}.input-wrapper.has-error .input:-webkit-autofill,.input-wrapper.has-error input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--color-error-bg) inset!important}.input-wrapper.has-success{border-color:var(--color-success);background-color:var(--color-success-bg)}.input-wrapper.has-success>i{color:var(--color-success)}.input-wrapper.is-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.input-wrapper--sm{padding:.9rem 1.2rem;border-radius:var(--radius-md)}.input-wrapper--sm>i{font-size:var(--font-size-base)}.input-wrapper--sm .input,.input-wrapper--sm input{font-size:var(--font-size-sm)}.input-wrapper--lg{padding:1.5rem 1.8rem;border-radius:var(--radius-xl)}.input-wrapper--lg>i{font-size:var(--font-size-xl)}.input-wrapper--lg .input,.input-wrapper--lg input{font-size:var(--font-size-lg)}.input{width:100%;padding:1.2rem 1.5rem;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);border:2px solid transparent;border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base)}.input::placeholder{color:var(--color-text-placeholder)}.input:focus{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input.has-error{border-color:var(--color-error);background-color:var(--color-error-bg)}.input:disabled{opacity:.6;cursor:not-allowed}.checkbox{--checkbox-color: var(--color-primary);--checkbox-color-hover: var(--color-primary-hover);--checkbox-bg: var(--color-surface);--checkbox-border: var(--color-border);--checkbox-size: 20px;--checkbox-radius: var(--radius-sm);--checkbox-border-width: 1px;--checkmark-scale: 1.2}.checkbox,.checkbox *,.checkbox *:before,.checkbox *:after{box-sizing:border-box}.checkbox{appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--checkbox-radius);background:var(--checkbox-bg);border:var(--checkbox-border-width) solid var(--checkbox-border);transition:all var(--transition-base);cursor:pointer;position:relative;flex-shrink:0}.checkbox:after{content:"";position:absolute;inset:0;box-shadow:0 0 0 calc(var(--checkbox-size) / 2.5) var(--checkbox-color);border-radius:inherit;opacity:0;transition:all .5s cubic-bezier(.12,.4,.29,1.46)}.checkbox:before{content:"";position:absolute;top:40%;left:50%;width:4px;height:7px;border-right:2px solid var(--checkbox-bg);border-bottom:2px solid var(--checkbox-bg);transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0;transition:transform .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s}.checkbox:hover{border-color:var(--checkbox-color)}.checkbox:checked{background:var(--checkbox-color);border-color:transparent}.checkbox:checked:before{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(var(--checkmark-scale));transition:transform .2s cubic-bezier(.12,.4,.29,1.46) .1s,opacity .2s .1s}.checkbox:active:not(:checked):after{box-shadow:none;opacity:1;transition:none}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox--sm{--checkbox-size: 16px;--checkmark-scale: 1}.checkbox--lg{--checkbox-size: 24px;--checkmark-scale: 1.4}.form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-field__label,.form-field>label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-field__label.is-required:after,.form-field>label.is-required:after{content:" *";color:var(--color-error)}.form-field__error{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-height:0;max-height:0;opacity:0;overflow:hidden;transition:all var(--transition-base)}.form-field__error i{font-size:var(--font-size-sm);flex-shrink:0}.form-field__error.is-visible{min-height:2rem;max-height:3rem;opacity:1}.form-field__help{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:0 var(--spacing-xs)}.form-field--horizontal{flex-direction:row;align-items:center;gap:var(--spacing-md)}.form-field--horizontal .form-field__label,.form-field--horizontal>label{min-width:12rem;flex-shrink:0}.form-field--horizontal .input-wrapper{flex:1}.form-field--inline{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.form-field--inline .form-field__label,.form-field--inline>label{order:2;cursor:pointer}.form-field--inline input[type=checkbox],.form-field--inline input[type=radio]{order:1}.link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-decoration:none;transition:all var(--transition-base);position:relative;cursor:pointer}.link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.link:hover{color:var(--color-primary-hover)}.link:hover:after{width:100%}.link:active{color:var(--color-primary-active)}.link--muted{color:var(--color-text-muted)}.link--muted:after{background-color:var(--color-text-muted)}.link--muted:hover{color:var(--color-text)}.link--muted:hover:after{background-color:var(--color-text)}.link--underline{text-decoration:underline;text-underline-offset:3px}.link--underline:after{display:none}.link--underline:hover{text-decoration-color:var(--color-primary-hover)}.link--plain:after{display:none}.link--plain:hover{opacity:.8}.link--icon{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.link--icon i{font-size:1.1em;transition:transform var(--transition-base)}.link--icon:hover i{transform:translate(3px)}.loader{--loader-size: 2.4rem;--loader-border-width: 3px;--loader-color: var(--color-primary);--loader-bg-color: var(--color-border);width:var(--loader-size);height:var(--loader-size);border:var(--loader-border-width) solid var(--loader-bg-color);border-left-color:var(--loader-color);border-radius:50%;animation:loader-spin 1s linear infinite;flex-shrink:0}.loader--sm{--loader-size: 1.6rem;--loader-border-width: 2px}.loader--lg{--loader-size: 4rem;--loader-border-width: 4px}.loader--xl{--loader-size: 6rem;--loader-border-width: 5px}.loader--light{--loader-color: var(--color-text-inverse);--loader-bg-color: rgba(255, 255, 255, .3)}.loader--primary{--loader-color: var(--color-primary)}.loader--success{--loader-color: var(--color-success)}.loader--error{--loader-color: var(--color-error)}.loader--warning{--loader-color: var(--color-warning)}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.loader-container__text{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.loader-container--inline{flex-direction:row;padding:var(--spacing-md)}.loader-container--fullscreen{position:fixed;inset:0;background-color:var(--color-surface);z-index:var(--z-modal)}.loader-container--overlay{position:absolute;inset:0;background-color:#fffc;z-index:10}.dark .loader-container--overlay{background-color:#0009}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent}.alert i{font-size:var(--font-size-base);flex-shrink:0}.alert--error{background-color:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.alert--success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.alert--warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.alert--info{background-color:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info)}.alert--animated{animation:alert-slide-in .3s ease}.alert--dismissible{padding-right:var(--spacing-xl);position:relative}.alert--dismissible .alert__close{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--spacing-xs);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);color:inherit}.alert--dismissible .alert__close:hover{opacity:1}.alert--dismissible .alert__close i{font-size:var(--font-size-sm)}.alert--collapsible{min-height:0;max-height:0;padding:0 var(--spacing-lg);opacity:0;overflow:hidden;transition:all var(--transition-base);border-width:0}.alert--collapsible.is-visible{min-height:4.5rem;max-height:10rem;padding:var(--spacing-md) var(--spacing-lg);opacity:1;border-width:1px}.alert--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.alert--sm i{font-size:var(--font-size-sm)}.alert--lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.alert--lg i{font-size:var(--font-size-lg)}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}i{display:flex;align-items:center;justify-content:center}.search-input{width:100%;display:flex;align-items:center;background-color:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);padding:.4rem 1.5rem;gap:var(--spacing-md)}.search-input>i{font-size:var(--font-size-lg);color:var(--color-text-muted);transition:color var(--transition-base);flex-shrink:0}.search-input input{width:100%;font-size:var(--font-size-base);color:var(--color-text);border:none;outline:none;background:transparent}.search-input input::placeholder{color:var(--color-text-placeholder)}.search-input input:disabled{opacity:.6;cursor:not-allowed}.search-input input:-webkit-autofill,.search-input input:-webkit-autofill:hover,.search-input input:-webkit-autofill:focus,.search-input input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color-background) inset!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 5000s ease-in-out 0s}.search-input:focus-within{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-input:focus-within>i{color:var(--color-primary)}.search-input:focus-within input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--color-surface) inset!important}.search-input.has-error{border-color:var(--color-error);background-color:var(--color-error-bg)}.search-input.has-error>i{color:var(--color-error)}.search-input.has-error input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--color-error-bg) inset!important}.search-input.has-success{border-color:var(--color-success);background-color:var(--color-success-bg)}.search-input.has-success>i{color:var(--color-success)}.search-input.is-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.search-input--sm{padding:.9rem 1.2rem;border-radius:var(--radius-md)}.search-input--sm>i{font-size:var(--font-size-base)}.search-input--sm input{font-size:var(--font-size-sm)}.search-input--lg{padding:1.5rem 1.8rem;border-radius:var(--radius-xl)}.search-input--lg>i{font-size:var(--font-size-xl)}.search-input--lg input{font-size:var(--font-size-lg)}.app-page{min-height:100vh;min-height:100dvh;width:100%;background-color:var(--color-background);display:flex;flex-direction:column;padding:env(safe-area-inset-top) var(--app-padding) env(safe-area-inset-bottom);overflow-x:hidden}:root{--app-padding: 2.4rem;--app-input-height: 5.2rem;--app-button-height: 5.2rem;--app-border-radius: var(--radius-xl);--app-header-height: 5.6rem}.app-header{display:flex;align-items:center;height:var(--app-header-height);margin-bottom:var(--spacing-lg)}.app-header__back{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-sm);margin-left:calc(var(--spacing-sm) * -1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.app-header__back i{font-size:var(--font-size-lg)}.app-header__back:active:not(:disabled){background-color:var(--color-background-hover);transform:scale(.98)}.app-header__back:disabled,.app-header__back.is-disabled{cursor:not-allowed;opacity:.6}.app-title{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg) 0}.app-title__icon{width:6.4rem;height:6.4rem;margin:0 auto var(--spacing-md);background-color:var(--color-primary-lighter);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.app-title__icon i{font-size:2.8rem;color:var(--color-primary)}.app-title h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.3px}.app-title p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.app-logo{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl) 0 var(--spacing-lg)}.app-logo__image{background-image:var(--logo-light);width:6rem;height:6rem;background-size:contain;background-repeat:no-repeat;background-position:center}.dark .app-logo__image{background-image:var(--logo-dark)}.app-form{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1}.app-form__fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.app-form__footer{margin-top:auto;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.app-input-wrapper{display:flex;align-items:center;background-color:var(--color-surface);border-radius:var(--app-border-radius);padding:0 var(--spacing-lg);height:var(--app-input-height);gap:var(--spacing-md);border:2px solid transparent;transition:all var(--transition-fast)}.app-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-lighter)}.app-input-wrapper:focus-within i{color:var(--color-primary)}.app-input-wrapper:focus-within input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--color-surface) inset!important}.app-input-wrapper.has-error{border-color:var(--color-error);background-color:var(--color-error-bg)}.app-input-wrapper.has-error:focus-within{box-shadow:0 0 0 4px var(--color-error-bg)}.app-input-wrapper.has-error i{color:var(--color-error)}.app-input-wrapper.has-error input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--color-error-bg) inset!important}.app-input-wrapper i{font-size:var(--font-size-lg);color:var(--color-text-placeholder);flex-shrink:0;transition:color var(--transition-fast)}.app-input-wrapper input{flex:1;height:100%;border:none;outline:none;background:transparent;font-size:var(--font-size-base);color:var(--color-text)}.app-input-wrapper input::placeholder{color:var(--color-text-placeholder)}.app-input-wrapper input:disabled{opacity:.6}.app-input-wrapper input:-webkit-autofill,.app-input-wrapper input:-webkit-autofill:hover,.app-input-wrapper input:-webkit-autofill:focus,.app-input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 5000s ease-in-out 0s}.app-form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);padding-left:var(--spacing-xs)}.app-form-field__error{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-error);padding-left:var(--spacing-xs);opacity:0;transform:translateY(-4px);transition:all var(--transition-fast);max-height:0;overflow:hidden}.app-form-field__error i{font-size:var(--font-size-sm)}.app-form-field__error.is-visible{opacity:1;transform:translateY(0);max-height:2.4rem}.app-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:var(--app-button-height);border-radius:var(--app-border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:all var(--transition-fast);width:100%}.app-btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.app-btn--primary:active:not(:disabled){background-color:var(--color-primary-active);transform:scale(.98)}.app-btn--primary:disabled{opacity:.7;cursor:not-allowed}.app-btn--secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.app-btn--secondary:active:not(:disabled){background-color:var(--color-background-hover);transform:scale(.98)}.app-btn--ghost{background:transparent;color:var(--color-primary)}.app-btn--ghost:active{background-color:var(--color-primary-lighter)}.app-btn i{font-size:var(--font-size-lg)}.app-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;padding:var(--spacing-xs) 0;transition:opacity var(--transition-fast)}.app-link:active{opacity:.7}.app-link--muted{color:var(--color-text-muted)}.app-link--center{text-align:center;display:block}.app-copyright{text-align:center;padding:var(--spacing-lg) 0}.app-copyright p{font-size:var(--font-size-xs);color:var(--color-text-placeholder)}.otp-container{display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) 0}.otp-input{width:4.4rem;height:5.4rem;border-radius:var(--radius-lg);border:2px solid var(--color-border);background-color:var(--color-surface);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-text);transition:all var(--transition-fast);caret-color:var(--color-primary)}.otp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-lighter)}.otp-input.has-value{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.otp-input.has-error{border-color:var(--color-error);animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.slide-right-enter-active,.slide-right-leave-active{transition:all .2s ease-out}.slide-right-enter-from{transform:translate(40px);opacity:0}.slide-right-leave-to{transform:translate(-40px);opacity:0}.slide-left-enter-active,.slide-left-leave-active{transition:all .2s ease-out}.slide-left-enter-from{transform:translate(-40px);opacity:0}.slide-left-leave-to{transform:translate(40px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%);opacity:0}.scale-fade-enter-active,.scale-fade-leave-active{transition:all .25s cubic-bezier(.25,.46,.45,.94)}.scale-fade-enter-from{transform:scale(.95);opacity:0}.scale-fade-leave-to{transform:scale(1.02);opacity:0}.app-transition-wrapper{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.app-transition-page{position:absolute;inset:0;display:flex;flex-direction:column}.otp-timer{text-align:center;padding:var(--spacing-md) 0}.otp-timer__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.otp-timer__time{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-top:var(--spacing-xs)}.otp-timer__time.is-expiring{color:var(--color-error)}.otp-resend{text-align:center;padding:var(--spacing-lg) 0}.otp-resend__text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);display:block}.otp-resend__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.otp-resend__link:disabled{color:var(--color-text-placeholder);cursor:not-allowed}.otp-resend__link:active:not(:disabled){opacity:.7}.otp-resend__cooldown{font-size:var(--font-size-sm);color:var(--color-text-muted);display:block;margin-top:var(--spacing-xs)}.loader{width:3.2rem;height:3.2rem;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loader--sm{width:2rem;height:2rem;border-width:2px}.loader--lg{width:4.8rem;height:4.8rem;border-width:4px}.loader--light{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.pull-indicator{display:flex;justify-content:center;padding:var(--spacing-md) 0}.pull-indicator__spinner{width:2.4rem;height:2.4rem;border:2px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}