.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button.button--sm{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.button.button--sm .button__icon{width:16px;height:16px}.button.button--md{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-md)}.button.button--md .button__icon{width:20px;height:20px}.button.button--lg{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.button.button--lg .button__icon{width:24px;height:24px}.button.button--primary{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.button.button--primary:hover:not(.button--disabled):not(.button--loading){background:color-mix(in srgb,var(--color-primary) 85%,black);border-color:color-mix(in srgb,var(--color-primary) 85%,black)}.button.button--primary:active:not(.button--disabled):not(.button--loading){background:color-mix(in srgb,var(--color-primary) 70%,black);border-color:color-mix(in srgb,var(--color-primary) 70%,black)}.button.button--secondary{background:transparent;color:var(--color-foreground);border-color:var(--color-border)}.button.button--secondary:hover:not(.button--disabled):not(.button--loading){background:var(--color-background-tertiary);border-color:var(--color-foreground-tertiary)}.button.button--secondary:active:not(.button--disabled):not(.button--loading){background:var(--color-background-secondary)}.button.button--ghost{background:transparent;color:var(--color-foreground);border-color:transparent}.button.button--ghost:hover:not(.button--disabled):not(.button--loading){background:var(--color-background-tertiary)}.button.button--ghost:active:not(.button--disabled):not(.button--loading){background:var(--color-background-secondary)}.button.button--danger{background:var(--color-danger-muted);color:var(--color-danger);border-color:transparent}.button.button--danger:hover:not(.button--disabled):not(.button--loading){background:#ef444426}.button.button--danger:active:not(.button--disabled):not(.button--loading){background:#ef444433}.button.button--disabled,.button.button--loading{cursor:not-allowed;opacity:.5}.button.button--full-width{width:100%}.button .button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.button.button--loading .button__spinner{animation:button-spin 1s linear infinite}.button .button__content{display:inline-flex;gap:var(--spacing-sm);align-items:center}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-background);padding:var(--spacing-xl)}.error-boundary__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);max-width:400px}.error-boundary__icon{color:var(--color-warning);margin-bottom:var(--spacing-sm)}.error-boundary__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.error-boundary__message{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header .auth-header__logo{margin-bottom:var(--spacing-lg);display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm)}:is(.auth-header .auth-header__logo) svg{width:30px;height:30px}:is(.auth-header .auth-header__logo) .auth-header__logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-info) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header .auth-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-tight)}.auth-header .auth-header__subtitle{font-size:var(--font-size-base);color:var(--color-foreground-secondary);margin:0;line-height:var(--line-height-normal)}.input-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-xs)}.input-wrapper.input-wrapper--full-width{width:100%}.input-wrapper .input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-xs)}.input-wrapper .input-container{position:relative;display:flex;align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}:is(.input-wrapper .input-container):focus-within{border-color:var(--color-accent);background:var(--color-background-tertiary)}.input-container--error:is(.input-wrapper .input-container){border-color:var(--color-error)}.input-container--error:is(.input-wrapper .input-container):focus-within{border-color:var(--color-error)}.input-container--disabled:is(.input-wrapper .input-container){opacity:.5;cursor:not-allowed}:is(.input-wrapper .input-container) .input{flex:1;width:100%;height:40px;padding:0 var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-foreground);background:transparent;border:none;outline:none}:is(:is(.input-wrapper .input-container) .input)::placeholder{color:var(--color-foreground-tertiary)}:is(:is(.input-wrapper .input-container) .input):disabled{cursor:not-allowed}.input--with-left-icon:is(:is(.input-wrapper .input-container) .input){padding-left:40px}.input--with-right-icon:is(:is(.input-wrapper .input-container) .input){padding-right:40px}:is(.input-wrapper .input-container) .input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-foreground-tertiary);pointer-events:none}.input-icon--left:is(:is(.input-wrapper .input-container) .input-icon){left:0}.input-icon--right:is(:is(.input-wrapper .input-container) .input-icon){right:0}.input-icon--button:is(:is(.input-wrapper .input-container) .input-icon){pointer-events:auto;cursor:pointer;background:transparent;border:none;outline:none;transition:color var(--transition-base)}.input-icon--button:is(:is(.input-wrapper .input-container) .input-icon):hover{color:var(--color-foreground)}.input-icon--button:is(:is(.input-wrapper .input-container) .input-icon):focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-sm)}.input-wrapper .input-message{font-size:var(--font-size-sm);margin:0}.input-message--error:is(.input-wrapper .input-message){color:var(--color-error)}.input-message--helper:is(.input-wrapper .input-message){color:var(--color-foreground-tertiary)}.login-form{width:100%}.login-form .login-form__fields{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.login-form .login-form__options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}:is(.login-form .login-form__options) .login-form__checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}:is(:is(.login-form .login-form__options) .login-form__checkbox) input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-info)}:is(:is(:is(.login-form .login-form__options) .login-form__checkbox) input[type=checkbox]):disabled{cursor:not-allowed;opacity:.5}:is(:is(.login-form .login-form__options) .login-form__checkbox) .login-form__checkbox-label{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:1}:is(.login-form .login-form__options) .login-form__forgot-link{font-size:var(--font-size-sm);color:var(--color-info);text-decoration:none;transition:color var(--transition-fast)}:is(:is(.login-form .login-form__options) .login-form__forgot-link):hover{color:var(--color-foreground)}:is(:is(.login-form .login-form__options) .login-form__forgot-link):focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:var(--radius-sm)}.login-form .login-form__footer{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}:is(.login-form .login-form__footer) .login-form__link{color:var(--color-info);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}:is(:is(.login-form .login-form__footer) .login-form__link):hover{color:var(--color-foreground)}:is(:is(.login-form .login-form__footer) .login-form__link):focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:var(--radius-sm)}.two-factor-verify{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;max-width:400px;margin:0 auto}.two-factor-verify .two-factor-verify__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-lg)}.two-factor-verify .two-factor-verify__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);margin:0}.two-factor-verify .two-factor-verify__description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin:0}.two-factor-verify .two-factor-verify__form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.two-factor-verify .two-factor-verify__code-input{text-align:left}.two-factor-verify .two-factor-verify__actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.two-factor-verify .two-factor-verify__back-link{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);text-decoration:none;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}:is(.two-factor-verify .two-factor-verify__back-link):hover{color:var(--color-foreground)}.two-factor-verify .two-factor-verify__toggle-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}:is(.two-factor-verify .two-factor-verify__toggle-link):hover{color:var(--color-foreground);text-decoration:underline}.two-factor-verify .two-factor-verify__recovery-input{text-align:left}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:var(--spacing-lg);position:relative;overflow:hidden}.auth-layout .auth-layout__background{position:absolute;inset:0;overflow:hidden;pointer-events:none}:is(.auth-layout .auth-layout__background) .auth-layout__gradient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;animation:float 20s ease-in-out infinite}.auth-layout__gradient--1:is(:is(.auth-layout .auth-layout__background) .auth-layout__gradient){width:500px;height:500px;background:radial-gradient(circle,var(--color-info) 0%,transparent 70%);top:-250px;left:-250px;animation-delay:0s}.auth-layout__gradient--2:is(:is(.auth-layout .auth-layout__background) .auth-layout__gradient){width:400px;height:400px;background:radial-gradient(circle,var(--color-success) 0%,transparent 70%);bottom:-200px;right:-200px;animation-delay:5s}.auth-layout .auth-layout__container{width:100%;max-width:440px;position:relative;z-index:1}:is(.auth-layout .auth-layout__container) .auth-layout__card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:640px){:is(.auth-layout .auth-layout__container) .auth-layout__card{padding:var(--spacing-xl)}}:is(.auth-layout .auth-layout__container) .auth-layout__footer{margin-top:var(--spacing-lg)}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.footer{padding:var(--spacing-md) var(--spacing-lg);text-align:center}.footer .footer__text{margin:0;font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}.register-form__success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}.register-form__success .register-form__success-icon{color:var(--color-success)}.register-form__success .register-form__success-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.register-form__success .register-form__success-message{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary);max-width:300px}.register-form__success .register-form__success-link{width:100%;text-decoration:none}.register-form{width:100%}.register-form .register-form__fields{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.register-form .register-form__password-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(.register-form .register-form__password-field) .register-form__password-strength{display:flex;align-items:center;gap:var(--spacing-md)}:is(:is(.register-form .register-form__password-field) .register-form__password-strength) .register-form__password-strength-bar{flex:1;height:4px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}:is(:is(:is(.register-form .register-form__password-field) .register-form__password-strength) .register-form__password-strength-bar) .register-form__password-strength-fill{height:100%;transition:width var(--transition-base),background-color var(--transition-base)}:is(:is(.register-form .register-form__password-field) .register-form__password-strength) .register-form__password-strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:50px;text-align:right}.register-form .register-form__captcha{margin-bottom:var(--spacing-lg)}:is(.register-form .register-form__captcha) .register-form__captcha-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-sm)}:is(.register-form .register-form__captcha) .register-form__captcha-image{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}:is(:is(.register-form .register-form__captcha) .register-form__captcha-image) svg{border-radius:var(--radius-md);max-width:200px;height:auto}:is(:is(.register-form .register-form__captcha) .register-form__captcha-image) .register-form__captcha-placeholder{width:200px;height:50px;background-color:var(--color-background-tertiary);border-radius:var(--radius-md)}:is(:is(.register-form .register-form__captcha) .register-form__captcha-image) .register-form__captcha-refresh{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-secondary);color:var(--color-foreground-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}:is(:is(:is(.register-form .register-form__captcha) .register-form__captcha-image) .register-form__captcha-refresh):hover{color:var(--color-foreground);border-color:var(--color-foreground-tertiary)}:is(:is(:is(.register-form .register-form__captcha) .register-form__captcha-image) .register-form__captcha-refresh):disabled{cursor:not-allowed;opacity:.5}:is(:is(.register-form .register-form__captcha) .register-form__captcha-image) .register-form__captcha-spin{animation:captcha-spin .8s linear infinite}.register-form{@keyframes captcha-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.register-form .register-form__terms{margin-bottom:var(--spacing-xl)}:is(.register-form .register-form__terms) .register-form__checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}:is(:is(.register-form .register-form__terms) .register-form__checkbox) input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:var(--color-info);flex-shrink:0}:is(:is(:is(.register-form .register-form__terms) .register-form__checkbox) input[type=checkbox]):disabled{cursor:not-allowed;opacity:.5}:is(:is(.register-form .register-form__terms) .register-form__checkbox) .register-form__checkbox-label{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:var(--line-height-normal)}:is(:is(:is(.register-form .register-form__terms) .register-form__checkbox) .register-form__checkbox-label) .register-form__link{color:var(--color-info);text-decoration:none;transition:color var(--transition-fast)}:is(:is(:is(:is(.register-form .register-form__terms) .register-form__checkbox) .register-form__checkbox-label) .register-form__link):hover{color:var(--color-foreground)}:is(:is(:is(:is(.register-form .register-form__terms) .register-form__checkbox) .register-form__checkbox-label) .register-form__link):focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:var(--radius-sm)}:is(.register-form .register-form__terms) .register-form__terms-error{margin-top:var(--spacing-sm);margin-left:calc(16px + var(--spacing-sm));font-size:var(--font-size-sm);color:var(--color-error)}.register-form .register-form__footer{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}:is(.register-form .register-form__footer) .register-form__footer-link{color:var(--color-info);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}:is(:is(.register-form .register-form__footer) .register-form__footer-link):hover{color:var(--color-foreground)}:is(:is(.register-form .register-form__footer) .register-form__footer-link):focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:var(--radius-sm)}.forgot-password-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.forgot-password-form .forgot-password-form__back{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);text-decoration:none;transition:color var(--transition-fast)}:is(.forgot-password-form .forgot-password-form__back):hover{color:var(--color-info)}:is(.forgot-password-form .forgot-password-form__back):focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:var(--radius-sm)}.forgot-password-success{text-align:center}.forgot-password-success .forgot-password-success__icon{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);color:var(--color-success)}.forgot-password-success .forgot-password-success__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0 0 var(--spacing-md) 0}.forgot-password-success .forgot-password-success__message{font-size:var(--font-size-base);color:var(--color-foreground-secondary);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-normal)}:is(.forgot-password-success .forgot-password-success__message) strong{color:var(--color-foreground);font-weight:var(--font-weight-medium)}.forgot-password-success .forgot-password-success__hint{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);margin:0 0 var(--spacing-2xl) 0}.forgot-password-success .forgot-password-success__actions{display:flex;flex-direction:column;gap:var(--spacing-md)}:is(.forgot-password-success .forgot-password-success__actions) .forgot-password-success__link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);text-decoration:none;transition:color var(--transition-fast)}:is(:is(.forgot-password-success .forgot-password-success__actions) .forgot-password-success__link):hover{color:var(--color-info)}:is(:is(.forgot-password-success .forgot-password-success__actions) .forgot-password-success__link):focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:var(--radius-sm)}.reset-password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reset-password-form .reset-password-form__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-danger-muted);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.reset-password-form .reset-password-form__back{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--color-foreground-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}:is(.reset-password-form .reset-password-form__back):hover{color:var(--color-foreground)}.reset-password-form .password-toggle{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--color-foreground-tertiary);cursor:pointer;transition:color var(--transition-fast)}:is(.reset-password-form .password-toggle):hover{color:var(--color-foreground)}.reset-password-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.reset-password-success .reset-password-success__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-success-muted);color:var(--color-success);border-radius:var(--radius-full)}.reset-password-success .reset-password-success__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.reset-password-success .reset-password-success__message{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary);max-width:320px}.reset-password-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.reset-password-error .reset-password-error__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-danger-muted);color:var(--color-danger);border-radius:var(--radius-full)}.reset-password-error .reset-password-error__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.reset-password-error .reset-password-error__message{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary);max-width:320px}.reset-password-error .reset-password-error__actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:280px}.reset-password-error .reset-password-error__link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-foreground-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}:is(.reset-password-error .reset-password-error__link):hover{color:var(--color-foreground)}.spinner-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.spinner{display:inline-flex;align-items:center;justify-content:center;color:var(--color-foreground)}.spinner.spinner--sm{width:16px;height:16px}.spinner.spinner--md{width:24px;height:24px}.spinner.spinner--lg{width:32px;height:32px}.spinner .spinner__icon{width:100%;height:100%;animation:spinner-spin 1s linear infinite}.spinner .spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verify-email-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.verify-email-loading .verify-email-loading__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--color-foreground-secondary)}.verify-email-loading .verify-email-loading__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.verify-email-loading .verify-email-loading__message{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary)}.verify-email-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.verify-email-success .verify-email-success__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-success-muted);color:var(--color-success);border-radius:var(--radius-full)}.verify-email-success .verify-email-success__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.verify-email-success .verify-email-success__message{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary);max-width:320px}.verify-email-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.verify-email-error .verify-email-error__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-danger-muted);color:var(--color-danger);border-radius:var(--radius-full)}.verify-email-error .verify-email-error__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.verify-email-error .verify-email-error__message{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary);max-width:320px}.verify-email-error .verify-email-error__actions{width:100%;max-width:280px}.storage-chart{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:768px){.storage-chart{flex-direction:column;gap:var(--spacing-lg)}}.storage-chart--empty{flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:200px}.storage-chart__empty-ring{width:120px;height:120px;border:12px solid var(--color-border);border-radius:var(--radius-full)}.storage-chart__empty-text{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-tertiary)}.storage-chart__container{flex-shrink:0;width:180px;height:180px}@media(max-width:768px){.storage-chart__container{width:160px;height:160px}}.storage-chart__svg{width:100%;height:100%}.storage-chart__segment{opacity:0;animation:segment-appear .5s ease-out forwards;transition:opacity var(--transition-fast);cursor:pointer}.storage-chart__segment:hover{opacity:.8}@keyframes segment-appear{0%{opacity:0;transform:scale(.9);transform-origin:center}to{opacity:1;transform:scale(1)}}.storage-chart__center-value{font-size:12px;font-weight:var(--font-weight-bold);fill:var(--color-foreground);text-anchor:middle}.storage-chart__center-label{font-size:6px;fill:var(--color-foreground-secondary);text-anchor:middle;text-transform:uppercase;letter-spacing:.5px}.storage-chart__legend{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:0}@media(max-width:768px){.storage-chart__legend{width:100%}}.storage-chart__legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.storage-chart__legend-color{width:12px;height:12px;min-width:12px;border-radius:var(--radius-sm)}.storage-chart__legend-info{display:flex;flex-direction:column;gap:2px;min-width:0}.storage-chart__legend-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-chart__legend-value{font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.recent-files{display:flex;flex-direction:column;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.recent-files--empty{align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);min-height:200px}.recent-files__empty-icon{color:var(--color-foreground-tertiary)}.recent-files__empty-text{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-tertiary)}.recent-files__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;transition:background var(--transition-fast);width:100%}.recent-files__item:last-child{border-bottom:none}.recent-files__item:hover{background:var(--color-background-tertiary)}.recent-files__item:focus-visible{outline:2px solid var(--color-info);outline-offset:-2px}.recent-files__icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:var(--color-background-tertiary);border-radius:var(--radius-md);color:var(--color-foreground-secondary)}.recent-files__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recent-files__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-files__meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-foreground-secondary);flex-wrap:wrap}.recent-files__separator{color:var(--color-border)}.recent-files__provider{color:var(--color-info)}.recent-files__arrow{flex-shrink:0;color:var(--color-foreground-tertiary);opacity:0;transition:opacity var(--transition-fast)}.recent-files__item:hover .recent-files__arrow{opacity:1}@media(max-width:640px){.recent-files__item{padding:var(--spacing-sm) var(--spacing-md)}.recent-files__icon{width:36px;height:36px;min-width:36px}.recent-files__meta{flex-wrap:wrap}.recent-files__arrow{display:none}}.dashboard{display:flex;flex-direction:column;gap:var(--spacing-xl)}.dashboard .dashboard__welcome{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(.dashboard .dashboard__welcome) .dashboard__greeting{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}:is(.dashboard .dashboard__welcome) .dashboard__subtitle{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary)}.dashboard .dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}:is(.dashboard .dashboard__stats) .dashboard__stat-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-header{display:flex;align-items:center;justify-content:space-between}:is(:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-header) .dashboard__stat-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary)}:is(:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-header) .dashboard__stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-foreground)}.dashboard__stat-icon--storage:is(:is(:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-header) .dashboard__stat-icon){background:var(--color-primary-muted);color:var(--color-info)}.dashboard__stat-icon--files:is(:is(:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-header) .dashboard__stat-icon){background:var(--color-success-muted);color:var(--color-success)}.dashboard__stat-icon--providers:is(:is(:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-header) .dashboard__stat-icon){background:#f5a6231a;color:var(--color-warning)}.dashboard__stat-icon--shared:is(:is(:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-header) .dashboard__stat-icon){background:var(--color-danger-muted);color:var(--color-error)}:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-value{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}:is(:is(.dashboard .dashboard__stats) .dashboard__stat-card) .dashboard__stat-change{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary)}.dashboard .dashboard__section{display:flex;flex-direction:column;gap:var(--spacing-md)}:is(.dashboard .dashboard__section) .dashboard__section-header{display:flex;align-items:center;justify-content:space-between}:is(:is(.dashboard .dashboard__section) .dashboard__section-header) .dashboard__section-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}:is(.dashboard .dashboard__section) .dashboard__quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}:is(:is(.dashboard .dashboard__section) .dashboard__quick-actions) .dashboard__action-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none}:is(:is(:is(.dashboard .dashboard__section) .dashboard__quick-actions) .dashboard__action-card):hover{border-color:var(--color-foreground-tertiary);background:var(--color-background-tertiary)}:is(:is(:is(.dashboard .dashboard__section) .dashboard__quick-actions) .dashboard__action-card) .dashboard__action-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background-tertiary);border-radius:var(--radius-md);color:var(--color-foreground-secondary);flex-shrink:0s}:is(:is(:is(.dashboard .dashboard__section) .dashboard__quick-actions) .dashboard__action-card) .dashboard__action-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}:is(:is(:is(:is(.dashboard .dashboard__section) .dashboard__quick-actions) .dashboard__action-card) .dashboard__action-content) .dashboard__action-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-foreground)}:is(:is(:is(:is(.dashboard .dashboard__section) .dashboard__quick-actions) .dashboard__action-card) .dashboard__action-content) .dashboard__action-description{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}:is(.dashboard .dashboard__section) .dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}:is(:is(.dashboard .dashboard__section) .dashboard__empty) .dashboard__empty-icon{color:var(--color-foreground-tertiary)}:is(:is(.dashboard .dashboard__section) .dashboard__empty) .dashboard__empty-text{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-backdrop-in var(--transition-base)}.modal-backdrop.modal-backdrop--transparent{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-backdrop .modal{position:relative;z-index:var(--z-modal);display:flex;flex-direction:column;max-height:90vh;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:modal-in var(--transition-base);outline:none}.modal--sm:is(.modal-backdrop .modal){width:400px;max-width:90vw}.modal--md:is(.modal-backdrop .modal){width:600px;max-width:90vw}.modal--lg:is(.modal-backdrop .modal){width:800px;max-width:90vw}.modal--fullscreen:is(.modal-backdrop .modal){width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;border:none}.modal--fullscreen:is(.modal-backdrop .modal) .modal__body{padding:0}:is(.modal-backdrop .modal) .modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}:is(:is(.modal-backdrop .modal) .modal__header) .modal__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);line-height:var(--line-height-tight)}:is(:is(.modal-backdrop .modal) .modal__header) .modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--color-foreground-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);outline:none}:is(:is(:is(.modal-backdrop .modal) .modal__header) .modal__close):hover{color:var(--color-foreground);background:var(--color-background-tertiary)}:is(:is(:is(.modal-backdrop .modal) .modal__header) .modal__close):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:is(.modal-backdrop .modal) .modal__body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge.badge--sm{height:20px;padding:0 var(--spacing-sm);font-size:var(--font-size-xs)}.badge.badge--md{height:24px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.badge.badge--default{background:var(--color-background-tertiary);color:var(--color-foreground);border:1px solid var(--color-border)}.badge.badge--success{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success)}.badge.badge--warning{background:#f5a6231a;color:var(--color-warning);border:1px solid var(--color-warning)}.badge.badge--error{background:var(--color-danger-muted);color:var(--color-error);border:1px solid var(--color-error)}.badge.badge--info{background:var(--color-primary-muted);color:var(--color-info);border:1px solid var(--color-info)}.connection-status{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.connection-status.connection-status--testing{background:var(--color-primary-muted);color:var(--color-info);border:1px solid var(--color-info)}.connection-status.connection-status--success{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success)}.connection-status.connection-status--error{background:var(--color-danger-muted);color:var(--color-error);border:1px solid var(--color-error)}.connection-status .connection-status__content{display:flex;align-items:center;gap:var(--spacing-sm)}:is(.connection-status .connection-status__content) .connection-status__icon{flex-shrink:0}.connection-status__icon--spin:is(:is(.connection-status .connection-status__content) .connection-status__icon){animation:spin 1s linear infinite}:is(.connection-status .connection-status__content) .connection-status__text{font-weight:var(--font-weight-medium)}.connection-status .connection-status__timestamp{color:var(--color-foreground-tertiary);font-size:var(--font-size-xs);flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.provider-card{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.provider-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.provider-card .provider-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}:is(.provider-card .provider-card__header) .provider-card__info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}:is(:is(.provider-card .provider-card__header) .provider-card__info) .provider-card__icon{flex-shrink:0;color:var(--color-foreground-secondary)}:is(:is(.provider-card .provider-card__header) .provider-card__info) .provider-card__details{flex:1;min-width:0}:is(:is(:is(.provider-card .provider-card__header) .provider-card__info) .provider-card__details) .provider-card__name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(:is(:is(.provider-card .provider-card__header) .provider-card__info) .provider-card__details) .provider-card__type{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.provider-card .provider-card__body{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}:is(.provider-card .provider-card__body) .provider-card__metadata{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(:is(.provider-card .provider-card__body) .provider-card__metadata) .provider-card__meta-item{display:flex;justify-content:space-between;gap:var(--spacing-md)}:is(:is(:is(.provider-card .provider-card__body) .provider-card__metadata) .provider-card__meta-item) .provider-card__meta-label{font-size:var(--font-size-sm);color:var(--color-foreground-tertiary);font-weight:var(--font-weight-medium)}:is(:is(:is(.provider-card .provider-card__body) .provider-card__metadata) .provider-card__meta-item) .provider-card__meta-value{font-size:var(--font-size-sm);color:var(--color-foreground);font-weight:var(--font-weight-medium)}.provider-card__meta-value--truncate:is(:is(:is(:is(.provider-card .provider-card__body) .provider-card__metadata) .provider-card__meta-item) .provider-card__meta-value){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(.provider-card .provider-card__body) .provider-card__usage{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-tertiary);border-radius:var(--radius-md)}:is(:is(.provider-card .provider-card__body) .provider-card__usage) .provider-card__usage-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}:is(:is(:is(.provider-card .provider-card__body) .provider-card__usage) .provider-card__usage-item) .provider-card__usage-label{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);text-transform:uppercase;letter-spacing:.05em}:is(:is(:is(.provider-card .provider-card__body) .provider-card__usage) .provider-card__usage-item) .provider-card__usage-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}:is(.provider-card .provider-card__body) .connection-status{margin-top:auto}.provider-card .provider-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:auto}:is(.provider-card .provider-card__footer) .provider-card__actions{display:flex;gap:var(--spacing-sm)}.provider-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.provider-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl);text-align:center;background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.provider-list-empty .provider-list-empty__icon{color:var(--color-foreground-tertiary)}.provider-list-empty .provider-list-empty__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.provider-list-empty .provider-list-empty__description{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary);max-width:400px}.delete-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.delete-modal .delete-modal__message{margin:0;font-size:var(--font-size-base);color:var(--color-foreground)}:is(.delete-modal .delete-modal__message) strong{font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.delete-modal .delete-modal__warning{margin:0;padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);background:var(--color-background-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-warning)}.delete-modal .delete-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.provider-type-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.provider-type-selector .provider-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}:is(.provider-type-selector .provider-type-card):hover{border-color:var(--color-foreground-tertiary);background:var(--color-background-tertiary)}.provider-type-card--selected:is(.provider-type-selector .provider-type-card){border-color:var(--color-accent);background:var(--color-background-tertiary)}.provider-type-card--selected:is(.provider-type-selector .provider-type-card) .provider-type-card__icon{color:var(--color-accent)}:is(.provider-type-selector .provider-type-card) .provider-type-card__icon{color:var(--color-foreground-secondary);transition:color var(--transition-base)}:is(.provider-type-selector .provider-type-card) .provider-type-card__content{display:flex;flex-direction:column;gap:var(--spacing-xs)}:is(:is(.provider-type-selector .provider-type-card) .provider-type-card__content) .provider-type-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}:is(:is(.provider-type-selector .provider-type-card) .provider-type-card__content) .provider-type-card__description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin:0}.select-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.select-field .select-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}:is(.select-field .select-field__label) .select-field__required{color:var(--color-error)}.select-field .select-field__wrapper{position:relative}:is(.select-field .select-field__wrapper) .select-field__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-foreground);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}:is(:is(.select-field .select-field__wrapper) .select-field__trigger):hover:not(:disabled){border-color:var(--color-foreground-tertiary)}:is(:is(.select-field .select-field__wrapper) .select-field__trigger):focus{outline:none;border-color:var(--color-accent)}.select-field__trigger--open:is(:is(.select-field .select-field__wrapper) .select-field__trigger){border-color:var(--color-accent)}.select-field__trigger--error:is(:is(.select-field .select-field__wrapper) .select-field__trigger){border-color:var(--color-error)}.select-field__trigger--disabled:is(:is(.select-field .select-field__wrapper) .select-field__trigger){opacity:.5;cursor:not-allowed}.select-field__trigger--placeholder:is(:is(.select-field .select-field__wrapper) .select-field__trigger) .select-field__value{color:var(--color-foreground-tertiary)}:is(.select-field .select-field__wrapper) .select-field__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}:is(.select-field .select-field__wrapper) .select-field__chevron{flex-shrink:0;color:var(--color-foreground-tertiary);transition:transform var(--transition-fast)}.select-field__trigger--open :is(:is(.select-field .select-field__wrapper) .select-field__chevron){transform:rotate(180deg)}:is(.select-field .select-field__wrapper) .select-field__dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;z-index:50;max-height:240px;overflow-y:auto;padding:var(--spacing-xs);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}:is(.select-field .select-field__wrapper) .select-field__option{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}:is(:is(.select-field .select-field__wrapper) .select-field__option):hover,.select-field__option--focused:is(:is(.select-field .select-field__wrapper) .select-field__option){background:var(--color-background-tertiary);color:var(--color-foreground)}.select-field__option--selected:is(:is(.select-field .select-field__wrapper) .select-field__option){color:var(--color-info)}.select-field .select-field__error{margin:0;font-size:var(--font-size-sm);color:var(--color-error)}.select-field .select-field__helper{margin:0;font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}.quick-guide{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.quick-guide .quick-guide__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-secondary);border:none;color:var(--color-foreground-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}:is(.quick-guide .quick-guide__toggle):hover{background:var(--color-background-tertiary);color:var(--color-foreground)}:is(.quick-guide .quick-guide__toggle) .quick-guide__toggle-left{display:flex;align-items:center;gap:var(--spacing-sm)}.quick-guide .quick-guide__content{padding:var(--spacing-md);background:var(--color-background-secondary);border-top:1px solid var(--color-border)}:is(.quick-guide .quick-guide__content) .quick-guide__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}:is(.quick-guide .quick-guide__content) .quick-guide__steps{margin:0;padding-left:var(--spacing-lg);list-style:decimal}:is(:is(.quick-guide .quick-guide__content) .quick-guide__steps) .quick-guide__step{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-foreground-secondary);padding:var(--spacing-xs) 0}:is(.quick-guide .quick-guide__content) .quick-guide__cors{margin-top:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}:is(:is(.quick-guide .quick-guide__content) .quick-guide__cors) .quick-guide__cors-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border)}:is(:is(:is(.quick-guide .quick-guide__content) .quick-guide__cors) .quick-guide__cors-header) .quick-guide__cors-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary)}:is(:is(:is(.quick-guide .quick-guide__content) .quick-guide__cors) .quick-guide__cors-header) .quick-guide__cors-copy{display:flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-foreground-secondary);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}:is(:is(:is(:is(.quick-guide .quick-guide__content) .quick-guide__cors) .quick-guide__cors-header) .quick-guide__cors-copy):hover{background:var(--color-background);color:var(--color-foreground)}:is(:is(.quick-guide .quick-guide__content) .quick-guide__cors) .quick-guide__cors-code{margin:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);font-size:var(--font-size-xs);line-height:1.5;color:var(--color-foreground-secondary);overflow-x:auto;white-space:pre}:is(:is(.quick-guide .quick-guide__content) .quick-guide__cors) .quick-guide__cors-note{margin:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-warning);background:var(--color-background-tertiary);border-top:1px solid var(--color-border)}.provider-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.provider-form .provider-form__banner{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-info-muted);border:1px solid var(--color-info);border-radius:var(--radius-md)}:is(.provider-form .provider-form__banner) .provider-form__banner-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--color-info)}:is(:is(.provider-form .provider-form__banner) .provider-form__banner-content) svg{flex-shrink:0;margin-top:.125rem}:is(:is(.provider-form .provider-form__banner) .provider-form__banner-content) p{margin:0;font-size:var(--font-size-sm);line-height:1.5}:is(.provider-form .provider-form__banner) .provider-form__banner-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);align-self:flex-start;margin-left:calc(16px + var(--spacing-sm));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-info);text-decoration:none;transition:opacity var(--transition-fast)}:is(:is(.provider-form .provider-form__banner) .provider-form__banner-link):hover{opacity:.8;text-decoration:underline}.provider-form .provider-form__section{display:flex;flex-direction:column;gap:var(--spacing-md)}:is(.provider-form .provider-form__section) .provider-form__section-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}:is(.provider-form .provider-form__section) .provider-form__fields{display:flex;flex-direction:column;gap:var(--spacing-md)}:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}:is(:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__label) .provider-form__required{color:var(--color-error)}:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__select-wrapper{position:relative;display:flex;align-items:center}:is(:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__select-wrapper) .provider-form__select{width:100%;height:40px;padding:0 var(--spacing-md);padding-right:40px;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-foreground);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;appearance:none}:is(:is(:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__select-wrapper) .provider-form__select):hover{border-color:var(--color-foreground-tertiary)}:is(:is(:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__select-wrapper) .provider-form__select):focus{outline:none;border-color:var(--color-accent);background:var(--color-background-tertiary)}.provider-form__select--error:is(:is(:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__select-wrapper) .provider-form__select){border-color:var(--color-error)}:is(:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__select-wrapper) .provider-form__select-icon{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-foreground-tertiary);pointer-events:none}:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__error{margin:0;font-size:var(--font-size-sm);color:var(--color-error)}:is(:is(:is(.provider-form .provider-form__section) .provider-form__fields) .provider-form__field) .provider-form__helper{margin:0;font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}.provider-form .provider-form__warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-muted);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning)}:is(.provider-form .provider-form__warning) svg{flex-shrink:0;margin-top:.125rem}:is(.provider-form .provider-form__warning) p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.smart-input{display:flex;flex-direction:column;gap:var(--spacing-lg)}.smart-input .smart-input__area{display:flex;flex-direction:column;gap:var(--spacing-sm)}.smart-input .smart-input__textarea{width:100%;min-height:200px;padding:var(--spacing-md);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-sm);line-height:1.6;resize:vertical;transition:border-color var(--transition-fast)}:is(.smart-input .smart-input__textarea):focus{outline:none;border-color:var(--color-accent)}:is(.smart-input .smart-input__textarea)::placeholder{color:var(--color-foreground-tertiary)}.smart-input .smart-input__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.smart-input .smart-input__file-input{display:none}.smart-input .smart-input__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.smart-input .smart-input__hints{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background-tertiary);border-radius:var(--radius-md);color:var(--color-foreground-secondary);font-size:var(--font-size-sm);line-height:1.5}:is(.smart-input .smart-input__hints) svg{flex-shrink:0;margin-top:2px}.smart-input .smart-input__manual-link{background:none;border:none;color:var(--color-foreground-tertiary);font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer;padding:0;align-self:center;transition:color var(--transition-fast)}:is(.smart-input .smart-input__manual-link):hover{color:var(--color-foreground-secondary)}.credential-review{display:flex;flex-direction:column;gap:var(--spacing-lg)}.credential-review .credential-review__badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.credential-review .credential-review__badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}--format:is(.credential-review .credential-review__badge){background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}--high:is(.credential-review .credential-review__badge){background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}--medium:is(.credential-review .credential-review__badge){background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}--low:is(.credential-review .credential-review__badge){background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.credential-review .credential-review__warnings{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credential-review .credential-review__warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 25%,transparent);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-sm)}:is(.credential-review .credential-review__warning) svg{flex-shrink:0;margin-top:2px}.credential-review .credential-review__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.credential-review .credential-review__label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.credential-review .credential-review__bucket-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.credential-review .credential-review__bucket-select-wrapper{position:relative}.credential-review .credential-review__bucket-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:var(--font-size-sm);appearance:none;cursor:pointer;transition:border-color var(--transition-fast)}:is(.credential-review .credential-review__bucket-select):focus{outline:none;border-color:var(--color-accent)}:is(.credential-review .credential-review__bucket-select) option{background:var(--color-background-secondary);color:var(--color-foreground)}.credential-review .credential-review__bucket-chevron{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-foreground-tertiary)}.credential-review .credential-review__bucket-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.credential-review .credential-review__bucket-count{font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.credential-review .credential-review__discover-error{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-error);font-size:var(--font-size-sm)}:is(.credential-review .credential-review__discover-error) svg{flex-shrink:0}.wizard{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%;max-width:800px}.wizard .wizard__steps{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-tertiary);border-radius:var(--radius-lg)}@media(max-width:640px){.wizard .wizard__steps{gap:var(--spacing-sm);padding:var(--spacing-md)}}:is(.wizard .wizard__steps) .wizard__step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1;position:relative}:is(:is(.wizard .wizard__steps) .wizard__step):not(:last-child):after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:var(--color-border);z-index:0}.wizard__step--completed:is(:is(.wizard .wizard__steps) .wizard__step):after{background:var(--color-success)}.wizard__step--active:is(:is(.wizard .wizard__steps) .wizard__step) .wizard__step-number{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-background)}.wizard__step--active:is(:is(.wizard .wizard__steps) .wizard__step) .wizard__step-label{color:var(--color-foreground)}.wizard__step--completed:is(:is(.wizard .wizard__steps) .wizard__step) .wizard__step-number{border-color:var(--color-success);background:var(--color-success);color:var(--color-background)}.wizard__step--completed:is(:is(.wizard .wizard__steps) .wizard__step) .wizard__step-label{color:var(--color-foreground-secondary)}@media(max-width:640px){:is(.wizard .wizard__steps) .wizard__step{gap:var(--spacing-xs)}}:is(:is(.wizard .wizard__steps) .wizard__step) .wizard__step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary);z-index:1;transition:all var(--transition-base)}:is(:is(.wizard .wizard__steps) .wizard__step) .wizard__step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-tertiary);text-align:center;white-space:nowrap}@media(max-width:640px){:is(:is(.wizard .wizard__steps) .wizard__step) .wizard__step-label{display:none}}.wizard .wizard__content{min-height:400px}:is(.wizard .wizard__content) .wizard__step-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}:is(:is(.wizard .wizard__content) .wizard__step-content) .wizard__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}:is(:is(.wizard .wizard__content) .wizard__step-content) .wizard__description{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary)}:is(:is(.wizard .wizard__content) .wizard__step-content) .wizard__mode-link{background:none;border:none;color:var(--color-foreground-tertiary);font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer;padding:0;align-self:center;transition:color var(--transition-fast)}:is(:is(:is(.wizard .wizard__content) .wizard__step-content) .wizard__mode-link):hover{color:var(--color-foreground-secondary)}:is(:is(.wizard .wizard__content) .wizard__step-content) .wizard__test-prompt{padding:var(--spacing-xl);text-align:center;background:var(--color-background-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}:is(:is(:is(.wizard .wizard__content) .wizard__step-content) .wizard__test-prompt) p{margin:0;color:var(--color-foreground-secondary)}.wizard .wizard__footer{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}:is(.wizard .wizard__footer) .wizard__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}:is(:is(.wizard .wizard__footer) .wizard__actions) .wizard__actions-right{display:flex;gap:var(--spacing-sm)}.edit-provider-modal{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%;max-width:800px}.edit-provider-modal .edit-provider-modal__body{display:flex;flex-direction:column;gap:var(--spacing-lg)}:is(.edit-provider-modal .edit-provider-modal__body) .edit-provider-modal__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}:is(.edit-provider-modal .edit-provider-modal__body) .edit-provider-modal__description{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary)}.edit-provider-modal .edit-provider-modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.providers-page{display:flex;flex-direction:column;gap:var(--spacing-xl)}.providers-page .providers-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}@media(max-width:900px){.providers-page .providers-page__header{flex-direction:column;align-items:stretch}}:is(.providers-page .providers-page__header) .providers-page__header-content{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:0}:is(:is(.providers-page .providers-page__header) .providers-page__header-content) .providers-page__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}:is(:is(.providers-page .providers-page__header) .providers-page__header-content) .providers-page__description{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary)}.providers-page .providers-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rename-modal{padding:var(--spacing-md)}.rename-modal .rename-modal__content{margin-bottom:var(--spacing-lg)}.rename-modal .rename-modal__input-row{display:flex;align-items:flex-end;gap:var(--spacing-xs)}.rename-modal .rename-modal__extension{flex-shrink:0;padding-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);font-family:var(--font-family-mono, monospace)}.rename-modal .rename-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.confirm-modal .confirm-modal__message{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:1.5}.confirm-modal .confirm-modal__content{margin-top:var(--spacing-md)}.confirm-modal .confirm-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.share-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.share-modal .share-modal__file-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background-tertiary);border-radius:var(--radius-md);color:var(--color-foreground-secondary)}:is(.share-modal .share-modal__file-info) .share-modal__file-name{font-weight:var(--font-weight-medium);color:var(--color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal .share-modal__link-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(.share-modal .share-modal__link-section) .share-modal__link-input{display:flex;gap:var(--spacing-sm)}.share-modal .share-modal__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.share-modal .share-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.share-modal .share-modal__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}:is(.share-modal .share-modal__label) .share-modal__optional{font-weight:var(--font-weight-normal);color:var(--color-foreground-tertiary)}.share-modal .share-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.properties-modal{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.properties-modal .properties-modal__icon{display:flex;justify-content:center;padding:var(--spacing-lg)}:is(.properties-modal .properties-modal__icon) svg{color:var(--color-foreground-secondary)}:is(.properties-modal .properties-modal__icon) .properties-modal__icon--folder{color:var(--color-warning)}:is(.properties-modal .properties-modal__icon) .properties-modal__icon--file{color:var(--color-accent)}.properties-modal .properties-modal__details{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-background-secondary);border-radius:var(--radius-md);padding:var(--spacing-md)}.properties-modal .properties-modal__row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}:is(.properties-modal .properties-modal__row):last-child{border-bottom:none}.properties-modal .properties-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);flex-shrink:0}.properties-modal .properties-modal__value-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.properties-modal .properties-modal__value{font-size:var(--font-size-sm);color:var(--color-foreground);text-align:right;word-break:break-all}.properties-modal .properties-modal__copy-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-foreground-secondary);transition:color var(--transition-fast);flex-shrink:0}:is(.properties-modal .properties-modal__copy-btn):hover{color:var(--color-foreground)}.properties-modal .properties-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.move-modal{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:400px}.move-modal .move-modal__subtitle{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.move-modal .move-modal__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-background-secondary);border-radius:var(--radius-md);overflow-x:auto}.move-modal .move-modal__breadcrumb-segment{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-foreground-secondary)}.move-modal .move-modal__breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}:is(.move-modal .move-modal__breadcrumb-item):hover{background:var(--color-background-tertiary);color:var(--color-foreground)}.move-modal .move-modal__folder-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.move-modal .move-modal__loading,.move-modal .move-modal__empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-foreground-secondary);font-size:var(--font-size-sm)}.move-modal .move-modal__folder-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-foreground);cursor:pointer;transition:all var(--transition-fast);text-align:left}:is(.move-modal .move-modal__folder-item):hover{background:var(--color-background-tertiary)}.move-modal .move-modal__folder-icon{color:var(--color-warning);flex-shrink:0}.move-modal .move-modal__parent-icon{color:var(--color-accent);flex-shrink:0}.move-modal .move-modal__folder-item--parent{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-md)}.move-modal .move-modal__folder-arrow{margin-left:auto;color:var(--color-foreground-secondary);flex-shrink:0}.move-modal .move-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.file-context-menu{position:fixed;z-index:var(--z-dropdown);min-width:180px;padding:var(--spacing-xs);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:context-menu-in var(--transition-base)}.file-context-menu .file-context-menu__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-foreground);text-align:left;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);outline:none}:is(.file-context-menu .file-context-menu__item):hover{background:var(--color-background-tertiary)}.file-context-menu__item--danger:is(.file-context-menu .file-context-menu__item){color:var(--color-error)}.file-context-menu__item--danger:is(.file-context-menu .file-context-menu__item):hover{background:var(--color-danger-muted)}.file-context-menu__item--danger:is(.file-context-menu .file-context-menu__item) .file-context-menu__icon{color:var(--color-error)}.file-context-menu .file-context-menu__icon{width:16px;height:16px;color:var(--color-foreground-secondary)}.file-context-menu .file-context-menu__divider{height:1px;margin:var(--spacing-xs) 0;background:var(--color-border)}@keyframes context-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,200px));gap:var(--spacing-md)}.file-grid .file-grid__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);width:200px;height:200px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;overflow:hidden}:is(.file-grid .file-grid__item):hover{border-color:var(--color-foreground-tertiary);background:var(--color-background-tertiary)}.file-grid__item--selected:is(.file-grid .file-grid__item){border-color:var(--color-accent);background:#ffffff0d}.file-grid__item--drop-target:is(.file-grid .file-grid__item){border-color:var(--color-primary);background:var(--color-primary-muted)}.file-grid__item--dragging:is(.file-grid .file-grid__item){opacity:.4}.file-grid .file-grid__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-foreground-secondary)}.file-grid__icon--folder:is(.file-grid .file-grid__icon){color:var(--color-warning)}.file-grid__icon--image:is(.file-grid .file-grid__icon){color:var(--color-success)}.file-grid__icon--document:is(.file-grid .file-grid__icon){color:var(--color-info)}.file-grid__icon--video:is(.file-grid .file-grid__icon){color:var(--color-error)}.file-grid .file-grid__thumbnail{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md)}.file-grid__thumbnail--skeleton:is(.file-grid .file-grid__thumbnail){background:var(--color-background-tertiary);animation:thumbnail-pulse 1.5s ease-in-out infinite}.file-grid .file-grid__name{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground);word-break:break-all;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3;max-width:100%}.file-grid .file-grid__meta{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}.file-grid .file-grid__drag-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);z-index:10}.file-grid .file-grid__drag-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-accent)}@keyframes thumbnail-pulse{0%,to{opacity:.4}50%{opacity:.8}}.file-list{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.file-list .file-list__header,.file-list .file-list__row{display:grid;grid-template-columns:40px 1fr 120px 180px;align-items:center}.file-list .file-list__header{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border)}.file-list .file-list__header-cell{padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);text-align:left;-webkit-user-select:none;user-select:none}.file-list__header-cell--sortable:is(.file-list .file-list__header-cell){cursor:pointer;transition:color var(--transition-base)}.file-list__header-cell--sortable:is(.file-list .file-list__header-cell):hover{color:var(--color-foreground)}.file-list__header-cell--active:is(.file-list .file-list__header-cell){color:var(--color-foreground)}.file-list .file-list__header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.file-list .file-list__sort-icon{width:14px;height:14px}.file-list .file-list__row{border-bottom:1px solid var(--color-border);cursor:grab;transition:background var(--transition-base);-webkit-user-select:none;user-select:none}:is(.file-list .file-list__row):last-child{border-bottom:none}:is(.file-list .file-list__row):hover{background:var(--color-background-tertiary)}.file-list__row--selected:is(.file-list .file-list__row){background:#ffffff0d}.file-list__row--drop-target:is(.file-list .file-list__row){background:var(--color-primary-muted)}.file-list__row--dragging:is(.file-list .file-list__row){opacity:.4}.file-list .file-list__cell{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-foreground);min-width:0}.file-list .file-list__name-cell{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.file-list .file-list__icon{flex-shrink:0;color:var(--color-foreground-secondary)}.file-list__icon--folder:is(.file-list .file-list__icon){color:var(--color-warning)}.file-list .file-list__thumbnail{width:24px;height:24px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm)}.file-list__thumbnail--skeleton:is(.file-list .file-list__thumbnail){background:var(--color-background-tertiary);animation:thumbnail-pulse 1.5s ease-in-out infinite}.file-list .file-list__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list .file-list__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.file-list .file-list__empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-foreground-secondary)}.new-folder-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.keyboard-shortcuts{display:flex;flex-direction:column;gap:var(--spacing-lg)}.keyboard-shortcuts .keyboard-shortcuts__group{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(.keyboard-shortcuts .keyboard-shortcuts__group) .keyboard-shortcuts__group-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary);text-transform:uppercase;letter-spacing:.05em}:is(.keyboard-shortcuts .keyboard-shortcuts__group) .keyboard-shortcuts__list{display:flex;flex-direction:column;gap:var(--spacing-xs)}:is(:is(.keyboard-shortcuts .keyboard-shortcuts__group) .keyboard-shortcuts__list) .keyboard-shortcuts__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-tertiary);border-radius:var(--radius-md)}:is(:is(:is(.keyboard-shortcuts .keyboard-shortcuts__group) .keyboard-shortcuts__list) .keyboard-shortcuts__item) .keyboard-shortcuts__description{font-size:var(--font-size-sm);color:var(--color-foreground)}:is(:is(:is(.keyboard-shortcuts .keyboard-shortcuts__group) .keyboard-shortcuts__list) .keyboard-shortcuts__item) .keyboard-shortcuts__keys{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.preview-modal{display:flex;flex-direction:column;height:100%;background-color:var(--color-background)}.preview-modal .preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background-secondary)}@media(max-width:640px){.preview-modal .preview-modal__header{padding:var(--spacing-sm) var(--spacing-md)}}.preview-modal .preview-modal__file-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.preview-modal .preview-modal__filename{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}@media(max-width:640px){.preview-modal .preview-modal__filename{max-width:150px;font-size:var(--font-size-sm)}}.preview-modal .preview-modal__filesize{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);flex-shrink:0}.preview-modal .preview-modal__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.preview-modal .preview-modal__zoom-level{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);min-width:48px;text-align:center}.preview-modal .preview-modal__divider{width:1px;height:24px;background-color:var(--color-border);margin:0 var(--spacing-xs)}.preview-modal .preview-modal__action-text{display:none}@media(min-width:640px){.preview-modal .preview-modal__action-text{display:inline;margin-left:var(--spacing-xs)}}.preview-modal .preview-modal__content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:var(--color-background)}.preview-modal .preview-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-background-secondary);border:1px solid var(--color-border);color:var(--color-foreground);cursor:pointer;transition:all var(--transition-fast);opacity:.7}:is(.preview-modal .preview-modal__nav):hover{opacity:1;background-color:var(--color-background-tertiary)}.preview-modal__nav--prev:is(.preview-modal .preview-modal__nav){left:var(--spacing-lg)}@media(max-width:640px){.preview-modal__nav--prev:is(.preview-modal .preview-modal__nav){left:var(--spacing-sm)}}.preview-modal__nav--next:is(.preview-modal .preview-modal__nav){right:var(--spacing-lg)}@media(max-width:640px){.preview-modal__nav--next:is(.preview-modal .preview-modal__nav){right:var(--spacing-sm)}}@media(max-width:640px){.preview-modal .preview-modal__nav{width:40px;height:40px}}.preview-modal .preview-modal__loading,.preview-modal .preview-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-foreground-secondary)}.preview-modal .preview-modal__error{padding:var(--spacing-2xl);text-align:center}.preview-modal .preview-modal__image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:auto}.preview-modal .preview-modal__image{max-width:100%;max-height:100%;object-fit:contain;transition:transform var(--transition-base);cursor:zoom-in}.preview-modal .preview-modal__video{max-width:100%;max-height:100%;outline:none}.preview-modal .preview-modal__audio-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-2xl)}.preview-modal .preview-modal__audio-icon{color:var(--color-foreground-tertiary)}.preview-modal .preview-modal__audio{width:100%;max-width:400px}.preview-modal .preview-modal__pdf-container{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center}.preview-modal .preview-modal__pdf{width:100%;height:100%;border:none;background:#fff}.upload-progress{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;width:320px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.upload-progress .upload-progress__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.upload-progress .upload-progress__title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-foreground)}.upload-progress .upload-progress__close{background:none;border:none;color:var(--color-foreground-tertiary);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:var(--radius-sm);transition:color var(--transition-fast)}:is(.upload-progress .upload-progress__close):hover{color:var(--color-foreground)}.upload-progress .upload-progress__list{max-height:240px;overflow-y:auto}.upload-progress .upload-progress__item{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light)}:is(.upload-progress .upload-progress__item):last-child{border-bottom:none}.upload-progress .upload-progress__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.upload-progress .upload-progress__file-name{font-size:var(--font-size-xs);color:var(--color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:var(--spacing-sm)}.upload-progress .upload-progress__percent{font-size:var(--font-size-xs);color:var(--color-foreground-secondary);flex-shrink:0}.upload-progress .upload-progress__bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.upload-progress .upload-progress__bar-fill{height:100%;border-radius:2px;transition:width .15s ease;background:var(--color-info)}.upload-progress__bar-fill--done:is(.upload-progress .upload-progress__bar-fill){background:var(--color-success)}.upload-progress__bar-fill--error:is(.upload-progress .upload-progress__bar-fill){background:var(--color-error)}.file-browser{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%}.file-browser .file-browser__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.file-browser .file-browser__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0}.file-browser .file-browser__breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);white-space:nowrap;flex-shrink:0}:is(.file-browser .file-browser__breadcrumb-item):last-child{color:var(--color-foreground);font-weight:var(--font-weight-medium);flex-shrink:1;min-width:0}:is(.file-browser .file-browser__breadcrumb-item):last-child .file-browser__breadcrumb-link{overflow:hidden;text-overflow:ellipsis}.file-browser .file-browser__breadcrumb-collapse{position:relative}.file-browser .file-browser__breadcrumb-menu{position:absolute;top:100%;left:0;z-index:50;min-width:160px;max-width:280px;padding:var(--spacing-xs);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.file-browser .file-browser__breadcrumb-menu-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);text-align:left;border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-base)}:is(.file-browser .file-browser__breadcrumb-menu-item):hover{background:var(--color-background-tertiary);color:var(--color-foreground)}.file-browser .file-browser__breadcrumb-link{display:flex;align-items:center;gap:var(--spacing-sm);color:inherit;text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base)}:is(.file-browser .file-browser__breadcrumb-link):hover{background:var(--color-background-tertiary);color:var(--color-foreground)}.file-browser .file-browser__breadcrumb-separator{color:var(--color-foreground-tertiary);flex-shrink:0}.file-browser .file-browser__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.file-browser .file-browser__view-toggle{display:flex;align-items:center;gap:var(--spacing-2xs);background:var(--color-background-tertiary);border-radius:var(--radius-md);padding:2px}.file-browser .file-browser__view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-foreground-tertiary);cursor:pointer;transition:all var(--transition-base)}:is(.file-browser .file-browser__view-btn):hover{color:var(--color-foreground)}.file-browser__view-btn--active:is(.file-browser .file-browser__view-btn){background:var(--color-background-secondary);color:var(--color-foreground);box-shadow:var(--shadow-sm)}.file-browser .file-browser__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.file-browser .file-browser__search{flex:1;max-width:300px}.file-browser .file-browser__upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-secondary);transition:all var(--transition-base);cursor:pointer}:is(.file-browser .file-browser__upload-zone):hover{border-color:var(--color-foreground-tertiary);background:var(--color-background-tertiary)}.file-browser__upload-zone--active:is(.file-browser .file-browser__upload-zone){border-color:var(--color-accent);background:#ffffff0d}.file-browser .file-browser__upload-zone-icon{color:var(--color-foreground-tertiary)}.file-browser .file-browser__upload-zone-text{text-align:center}.file-browser .file-browser__upload-zone-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.file-browser .file-browser__upload-zone-subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.file-browser .file-browser__upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-browser .file-browser__go-back-zone{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-secondary);color:var(--color-foreground-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;height:0;padding:0 var(--spacing-md);border-width:0;transition:height var(--transition-base),padding var(--transition-base),border-width var(--transition-base),background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.file-browser__go-back-zone--visible:is(.file-browser .file-browser__go-back-zone){height:44px;padding:var(--spacing-md);border-width:1px}.file-browser__go-back-zone--active:is(.file-browser .file-browser__go-back-zone){border-color:var(--color-primary);background:var(--color-primary-muted);color:var(--color-primary)}.file-browser .file-browser__content{flex:1;min-height:0;display:flex;flex-direction:column}.file-browser .file-browser__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl);text-align:center}.file-browser .file-browser__empty-icon{color:var(--color-foreground-tertiary)}.file-browser .file-browser__empty-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.file-browser .file-browser__empty-text{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.file-browser .file-browser__bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-muted);border:1px solid var(--color-primary);border-radius:var(--radius-lg)}@media(max-width:768px){.file-browser .file-browser__bulk-toolbar{flex-direction:column;align-items:center;gap:var(--spacing-sm)}}.file-browser .file-browser__bulk-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.file-browser .file-browser__bulk-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:768px){.file-browser .file-browser__bulk-actions{justify-content:center}}.files-page{display:flex;flex-direction:column;gap:var(--spacing-lg);height:calc(100vh - 140px)}.files-page .files-page__loading{display:flex;align-items:center;justify-content:center;height:100%}.files-page .files-page__provider-select{padding:var(--spacing-md);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}:is(.files-page .files-page__provider-select) .files-page__provider-dropdown{max-width:300px}.files-page .files-page__content{flex:1;min-height:0}.files-page .files-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);height:100%;padding:var(--spacing-3xl);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}:is(.files-page .files-page__empty) .files-page__empty-icon{color:var(--color-foreground-tertiary)}:is(.files-page .files-page__empty) .files-page__empty-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}:is(.files-page .files-page__empty) .files-page__empty-text{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary);max-width:400px}.recovery-codes-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.recovery-codes-modal .recovery-codes-modal__header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.recovery-codes-modal .recovery-codes-modal__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-muted);color:var(--color-info);border-radius:var(--radius-lg)}.recovery-codes-modal .recovery-codes-modal__description{color:var(--color-foreground-secondary);font-size:var(--font-size-sm);margin:0}.recovery-codes-modal .recovery-codes-modal__warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-muted);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-warning)}:is(.recovery-codes-modal .recovery-codes-modal__warning) svg{flex-shrink:0;margin-top:.125rem}.recovery-codes-modal .recovery-codes-modal__codes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(max-width:480px){.recovery-codes-modal .recovery-codes-modal__codes{grid-template-columns:1fr}}.recovery-codes-modal .recovery-codes-modal__code{font-family:monospace;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-tertiary);border-radius:var(--radius-sm);text-align:center;color:var(--color-foreground);letter-spacing:.1em}.recovery-codes-modal .recovery-codes-modal__actions-row{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.recovery-codes-modal .recovery-codes-modal__action-btn{display:flex;align-items:center;gap:var(--spacing-xs)}.recovery-codes-modal .recovery-codes-modal__confirm{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);cursor:pointer}:is(.recovery-codes-modal .recovery-codes-modal__confirm) input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.recovery-codes-modal .recovery-codes-modal__footer{margin-top:var(--spacing-sm)}.two-factor-setup{display:flex;flex-direction:column;gap:var(--spacing-lg)}.two-factor-setup .two-factor-setup__status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-tertiary);border-radius:var(--radius-md)}.two-factor-setup .two-factor-setup__status-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);flex:1;min-width:fit-content}.two-factor-setup .two-factor-setup__status-icon{width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.enabled:is(.two-factor-setup .two-factor-setup__status-icon){background:var(--color-success-muted);color:var(--color-success)}.disabled:is(.two-factor-setup .two-factor-setup__status-icon){background:var(--color-foreground-tertiary);color:var(--color-foreground-secondary)}.two-factor-setup .two-factor-setup__status-text{max-width:300px}:is(.two-factor-setup .two-factor-setup__status-text) .label{font-weight:var(--font-weight-medium);color:var(--color-foreground)}:is(.two-factor-setup .two-factor-setup__status-text) .status{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.two-factor-setup .two-factor-setup__status-action,.two-factor-setup .two-factor-setup__status-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:1200px){.two-factor-setup .two-factor-setup__status-action,.two-factor-setup .two-factor-setup__status-actions{width:100%}:is(.two-factor-setup .two-factor-setup__status-action,.two-factor-setup .two-factor-setup__status-actions) button{width:100%}}.two-factor-setup .two-factor-setup__status-text .remaining-codes{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin-top:var(--spacing-xs)}.two-factor-setup .two-factor-setup__wizard{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}@media(max-width:640px){.two-factor-setup .two-factor-setup__wizard{padding:var(--spacing-md);gap:var(--spacing-md)}}.two-factor-setup .two-factor-setup__qr-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.two-factor-setup .two-factor-setup__qr-wrapper{padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md)}.two-factor-setup .two-factor-setup__qr-code{display:block;width:200px;height:200px}@media(max-width:480px){.two-factor-setup .two-factor-setup__qr-code{width:160px;height:160px}}.two-factor-setup .two-factor-setup__manual-entry{width:100%}.two-factor-setup .two-factor-setup__secret{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-size-sm);word-break:break-all}@media(max-width:480px){.two-factor-setup .two-factor-setup__secret{font-size:var(--font-size-xs)}}.two-factor-setup .two-factor-setup__secret-text{flex:1;color:var(--color-foreground)}.two-factor-setup .two-factor-setup__copy-btn{flex-shrink:0;padding:var(--spacing-xs);background:none;border:none;color:var(--color-foreground-secondary);cursor:pointer;transition:color var(--transition-fast)}:is(.two-factor-setup .two-factor-setup__copy-btn):hover{color:var(--color-foreground)}.two-factor-setup .two-factor-setup__security-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-muted);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-warning)}:is(.two-factor-setup .two-factor-setup__security-note) svg{flex-shrink:0;margin-top:.125rem}.two-factor-setup .two-factor-setup__verify-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.two-factor-setup .two-factor-setup__verify-label{font-weight:var(--font-weight-medium);color:var(--color-foreground)}.two-factor-setup .two-factor-setup__actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}@media(max-width:640px){.two-factor-setup .two-factor-setup__actions{flex-direction:column-reverse}:is(.two-factor-setup .two-factor-setup__actions) button{width:100%}}.two-factor-setup .two-factor-setup__disable-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}@media(max-width:640px){.two-factor-setup .two-factor-setup__disable-section{padding:var(--spacing-md)}:is(.two-factor-setup .two-factor-setup__disable-section) button{width:100%}}.two-factor-setup .two-factor-setup__disable-text{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.two-factor-setup .two-factor-setup__regenerate-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}@media(max-width:640px){.two-factor-setup .two-factor-setup__regenerate-section{padding:var(--spacing-md)}:is(.two-factor-setup .two-factor-setup__regenerate-section) button{width:100%}}.two-factor-setup .two-factor-setup__regenerate-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-muted);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-warning)}:is(.two-factor-setup .two-factor-setup__regenerate-warning) svg{flex-shrink:0;margin-top:.125rem}.two-factor-setup .two-factor-setup__regenerate-text{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.settings-page{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-page .settings-page__header{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(.settings-page .settings-page__header) .settings-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);margin:0}:is(.settings-page .settings-page__header) .settings-page__subtitle{font-size:var(--font-size-base);color:var(--color-foreground-secondary);margin:0}.settings-page .settings-page__content{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-xl)}@media(max-width:1200px){.settings-page .settings-page__content{grid-template-columns:1fr}}:is(.settings-page .settings-page__content) .settings-page__nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media(max-width:1200px){:is(.settings-page .settings-page__content) .settings-page__nav{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md)}:is(:is(.settings-page .settings-page__content) .settings-page__nav)::-webkit-scrollbar{display:none}}:is(:is(.settings-page .settings-page__content) .settings-page__nav) .settings-page__nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-foreground-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;flex-shrink:0}:is(:is(:is(.settings-page .settings-page__content) .settings-page__nav) .settings-page__nav-item):hover:not(.settings-page__nav-item--active){color:var(--color-foreground);background:var(--color-background-tertiary)}.settings-page__nav-item--active:is(:is(:is(.settings-page .settings-page__content) .settings-page__nav) .settings-page__nav-item){color:var(--color-info);background:var(--color-primary-muted)}:is(.settings-page .settings-page__content) .settings-page__panel{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}@media(max-width:640px){:is(.settings-page .settings-page__content) .settings-page__panel{padding:var(--spacing-md);border-radius:var(--radius-md)}}:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin:0}:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-actions{display:flex;justify-content:flex-start;padding-top:var(--spacing-md)}:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border)}:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section):last-child{border-bottom:none;padding-bottom:0}:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__form-section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin:0 0 var(--spacing-md) 0}:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}@media(max-width:640px){:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options{flex-direction:column}}:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);flex:1;min-width:100px}@media(max-width:640px){:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option{flex-direction:row;justify-content:flex-start;gap:var(--spacing-md)}}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option):hover:not(.settings-page__theme-option--active){border-color:var(--color-foreground-tertiary)}.settings-page__theme-option--active:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option){border-color:var(--color-info);background:var(--color-primary-muted);color:var(--color-primary)}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview{width:5rem;height:3.125rem;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}@media(max-width:640px){:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview{width:4rem;height:2.5rem}}.settings-page__theme-preview--light:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview){background:var(--theme-preview-light-bg);box-shadow:inset 0 0 0 1px var(--theme-preview-light-border);position:relative}.settings-page__theme-preview--light:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview):after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:.75rem;background:var(--theme-preview-light-footer);border-top:1px solid var(--theme-preview-light-border)}@media(max-width:640px){.settings-page__theme-preview--light:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview):after{height:.5rem}}.settings-page__theme-preview--dark:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview){background:var(--theme-preview-dark-bg);box-shadow:inset 0 0 0 1px var(--theme-preview-dark-border);position:relative}.settings-page__theme-preview--dark:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview):after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:.75rem;background:var(--theme-preview-dark-footer);border-top:1px solid var(--theme-preview-dark-border)}@media(max-width:640px){.settings-page__theme-preview--dark:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview):after{height:.5rem}}.settings-page__theme-preview--system:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview){background:linear-gradient(90deg,var(--theme-preview-light-bg) 50%,var(--theme-preview-dark-bg) 50%);position:relative}.settings-page__theme-preview--system:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview):after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:.75rem;background:linear-gradient(90deg,var(--theme-preview-light-footer) 50%,var(--theme-preview-dark-footer) 50%)}@media(max-width:640px){.settings-page__theme-preview--system:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__theme-options) .settings-page__theme-option) .settings-page__theme-preview):after{height:.5rem}}:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options) .settings-page__language-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-foreground-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-width:160px}@media(max-width:640px){:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options) .settings-page__language-option{flex:1}}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options) .settings-page__language-option):hover:not(.settings-page__language-option--active){background:var(--color-background-tertiary);border-color:var(--color-foreground-tertiary);color:var(--color-foreground)}.settings-page__language-option--active:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options) .settings-page__language-option){border-color:var(--color-info);background:var(--color-primary-muted);color:var(--color-info)}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options) .settings-page__language-option) .settings-page__language-flag{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-foreground-tertiary);background:var(--color-background-tertiary);border-radius:var(--radius-sm);flex-shrink:0}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options) .settings-page__language-option) .settings-page__language-label{font-weight:var(--font-weight-medium);flex:1}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options) .settings-page__language-option) .settings-page__language-check{color:var(--color-primary);flex-shrink:0}.settings-page__language-option--active:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__form-section) .settings-page__language-options) .settings-page__language-option) .settings-page__language-flag{color:var(--color-primary);background:#0070f326}:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card):hover:not(.settings-page__session-card--current){background:var(--color-background-tertiary)}.settings-page__session-card--current:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card){border-color:var(--color-success);background:#50e3c20d}@media(max-width:640px){:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card{padding:var(--spacing-md)}}:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}@media(max-width:640px){:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-top{flex-direction:column;align-items:flex-start}}:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-info) .settings-page__session-header{display:flex;align-items:center;gap:var(--spacing-sm)}:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-info) .settings-page__session-header) svg{width:18px;height:18px;flex-shrink:0}:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-info) .settings-page__session-header) .settings-page__session-details{display:flex;flex-direction:column;gap:2px}:is(:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-info) .settings-page__session-header) .settings-page__session-details) .settings-page__session-device{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}:is(:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-info) .settings-page__session-header) .settings-page__session-details) .settings-page__session-ip{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-info) .settings-page__session-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-success);background:#50e3c21a;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);white-space:nowrap}:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-meta{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);padding-left:calc(18px + var(--spacing-sm))}@media(max-width:640px){:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-meta{flex-direction:column;gap:var(--spacing-xs);padding-left:0}}:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-meta) .settings-page__session-date{display:flex;gap:var(--spacing-xs)}:is(:is(:is(:is(:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__sessions-list) .settings-page__session-card) .settings-page__session-meta) .settings-page__session-date) strong{font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary)}:is(:is(:is(.settings-page .settings-page__content) .settings-page__panel) .settings-page__form) .settings-page__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-foreground-secondary);font-size:var(--font-size-sm)}.settings-page .settings-page__danger-zone{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}:is(.settings-page .settings-page__danger-zone) .settings-page__danger-zone-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}:is(.settings-page .settings-page__danger-zone) .settings-page__danger-zone-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}:is(.settings-page .settings-page__danger-zone) .settings-page__danger-zone-description{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}:is(.settings-page .settings-page__danger-zone) button{flex-shrink:0}@media(max-width:640px){.settings-page .settings-page__danger-zone{flex-direction:column;align-items:flex-start}}.shared-page{display:flex;flex-direction:column;gap:var(--spacing-xl)}.shared-page .shared-page__header{display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(.shared-page .shared-page__header) .shared-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);margin:0}:is(.shared-page .shared-page__header) .shared-page__subtitle{font-size:var(--font-size-base);color:var(--color-foreground-secondary);margin:0}.shared-page .shared-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl);background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}:is(.shared-page .shared-page__empty) .shared-page__empty-icon{color:var(--color-foreground-tertiary)}:is(.shared-page .shared-page__empty) .shared-page__empty-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}:is(.shared-page .shared-page__empty) .shared-page__empty-text{margin:0;font-size:var(--font-size-base);color:var(--color-foreground-secondary);max-width:400px}.shared-page .shared-page__list{display:flex;flex-direction:column;gap:var(--spacing-md)}:is(.shared-page .shared-page__list) .shared-page__item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}:is(:is(.shared-page .shared-page__list) .shared-page__item):hover{border-color:var(--color-foreground-tertiary)}@media(max-width:768px){:is(.shared-page .shared-page__list) .shared-page__item{flex-direction:column;align-items:stretch}}:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info) .shared-page__item-icon{color:var(--color-info);flex-shrink:0}:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info) .shared-page__item-details{min-width:0}:is(:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info) .shared-page__item-details) .shared-page__item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin:0 0 var(--spacing-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-sm)}:is(:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info) .shared-page__item-details) .shared-page__item-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin:0}:is(:is(:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info) .shared-page__item-details) .shared-page__item-meta) .shared-page__item-status{padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.shared-page__item-status--active:is(:is(:is(:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info) .shared-page__item-details) .shared-page__item-meta) .shared-page__item-status){background:var(--color-success-muted);color:var(--color-success)}.shared-page__item-status--expired:is(:is(:is(:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info) .shared-page__item-details) .shared-page__item-meta) .shared-page__item-status){background:var(--color-danger-muted);color:var(--color-danger)}:is(:is(:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-info) .shared-page__item-details) .shared-page__item-meta) .shared-page__item-separator{color:var(--color-border)}:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-stats{display:flex;gap:var(--spacing-lg)}@media(max-width:768px){:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-stats{justify-content:center;padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}}:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-stats) .shared-page__item-stat{display:flex;flex-direction:column;align-items:center;min-width:60px}:is(:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-stats) .shared-page__item-stat) .shared-page__item-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}:is(:is(:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-stats) .shared-page__item-stat) .shared-page__item-stat-label{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-actions{display:flex;gap:var(--spacing-xs)}@media(max-width:768px){:is(:is(.shared-page .shared-page__list) .shared-page__item) .shared-page__item-actions{justify-content:center}}.share-download-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--spacing-lg)}.share-download-page .share-download-page__container{width:100%;max-width:400px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.share-download-page .share-download-page__error,.share-download-page .share-download-page__expired,.share-download-page .share-download-page__limit-reached{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;color:var(--color-foreground-secondary)}:is(.share-download-page .share-download-page__error,.share-download-page .share-download-page__expired,.share-download-page .share-download-page__limit-reached) svg{color:var(--color-error)}:is(.share-download-page .share-download-page__error,.share-download-page .share-download-page__expired,.share-download-page .share-download-page__limit-reached) h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);margin:0}:is(.share-download-page .share-download-page__error,.share-download-page .share-download-page__expired,.share-download-page .share-download-page__limit-reached) p{margin:0;font-size:var(--font-size-sm)}.share-download-page .share-download-page__expired svg,.share-download-page .share-download-page__limit-reached svg{color:var(--color-warning)}.share-download-page .share-download-page__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.share-download-page .share-download-page__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-lg)}.share-download-page .share-download-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);margin:0;word-break:break-word}.share-download-page .share-download-page__expires{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin:0}.share-download-page .share-download-page__password{width:100%}.share-download-page .share-download-page__footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}:is(.share-download-page .share-download-page__footer) p{margin:0;font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-background-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0}.avatar.avatar--sm{width:32px;height:32px}.avatar.avatar--md{width:40px;height:40px}.avatar.avatar--lg{width:56px;height:56px}.avatar.avatar--lg .avatar__fallback{font-size:var(--font-size-lg)}.avatar .avatar__image{width:100%;height:100%;object-fit:cover}.avatar .avatar__fallback{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);-webkit-user-select:none;user-select:none}.avatar .avatar__icon{width:60%;height:60%;color:var(--color-foreground-tertiary)}.app-layout{display:flex;min-height:100vh;background:var(--color-background)}.app-layout.app-layout--collapsed .app-layout__sidebar{width:72px}.app-layout.app-layout--collapsed .app-layout__collapse-btn{margin-left:0}.app-layout.app-layout--collapsed .app-layout__nav-link{justify-content:center;padding:var(--spacing-sm)}.app-layout.app-layout--collapsed .app-layout__nav{padding:var(--spacing-sm)}.app-layout.app-layout--collapsed .app-layout__logo{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.app-layout.app-layout--collapsed .app-layout__footer{padding:var(--spacing-sm)}.app-layout.app-layout--collapsed .app-layout__logout-btn{justify-content:center;padding:var(--spacing-sm)}.app-layout.app-layout--collapsed .app-layout__main{margin-left:72px}.app-layout .app-layout__overlay{display:none}.app-layout .app-layout__sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;display:flex;flex-direction:column;background:var(--color-background-secondary);border-right:1px solid var(--color-border);z-index:var(--z-fixed);transition:width var(--transition-base)}.app-layout__sidebar--open:is(.app-layout .app-layout__sidebar){transform:translate(0)}:is(.app-layout .app-layout__sidebar) .app-layout__logo{display:flex;height:90px;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}:is(:is(.app-layout .app-layout__sidebar) .app-layout__logo) .app-layout__logo-icon{width:28px;height:28px;min-width:28px;min-height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-md);color:var(--color-background)}:is(:is(.app-layout .app-layout__sidebar) .app-layout__logo) .app-layout__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-foreground)}:is(:is(.app-layout .app-layout__sidebar) .app-layout__logo) .app-layout__collapse-btn{margin-left:auto;padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-foreground-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__logo) .app-layout__collapse-btn):hover{background:var(--color-background-tertiary);color:var(--color-foreground)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__logo) .app-layout__collapse-btn) .rotate-90{transform:rotate(-90deg)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__logo) .app-layout__collapse-btn) .rotate-270{transform:rotate(90deg)}:is(.app-layout .app-layout__sidebar) .app-layout__nav{flex:1;padding:var(--spacing-md);overflow-y:auto}:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section{margin-bottom:var(--spacing-lg)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-title{margin:0 0 var(--spacing-sm) 0;padding:0 var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-foreground-tertiary)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-list) .app-layout__nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);text-decoration:none;transition:all var(--transition-base)}:is(:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-list) .app-layout__nav-link):hover{background:var(--color-background-tertiary);color:var(--color-foreground)}.app-layout__nav-link--active:is(:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-list) .app-layout__nav-link){background:var(--color-primary-muted);color:var(--color-info)}.app-layout__nav-link--active:is(:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-list) .app-layout__nav-link) .app-layout__nav-icon{color:var(--color-info)}.app-layout__nav-link--active:is(:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-list) .app-layout__nav-link):hover{background:var(--color-primary-muted);color:var(--color-info)}.app-layout__nav-link--active:is(:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-list) .app-layout__nav-link):hover .app-layout__nav-icon{color:var(--color-info)}:is(:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__nav) .app-layout__nav-section) .app-layout__nav-list) .app-layout__nav-link) .app-layout__nav-icon{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0;color:var(--color-foreground-tertiary);transition:color var(--transition-base)}:is(.app-layout .app-layout__sidebar) .app-layout__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__user{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__user):hover{background:var(--color-background-tertiary)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__user) .app-layout__user-info{flex:1;min-width:0}:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__user) .app-layout__user-info) .app-layout__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}:is(:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__user) .app-layout__user-info) .app-layout__user-email{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);text-align:left;transition:all var(--transition-base)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__logout-btn):hover{background:var(--color-background-tertiary);color:var(--color-foreground)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__logout-btn):hover .app-layout__nav-icon{color:var(--color-foreground)}:is(:is(:is(.app-layout .app-layout__sidebar) .app-layout__footer) .app-layout__logout-btn) .app-layout__nav-icon{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0;color:var(--color-foreground-tertiary);transition:color var(--transition-base)}.app-layout .app-layout__main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-base)}:is(.app-layout .app-layout__main) .app-layout__header{position:sticky;top:0;display:flex;align-items:center;gap:var(--spacing-md);height:90px;padding:0 var(--spacing-xl);background:var(--color-background);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky)}:is(:is(.app-layout .app-layout__main) .app-layout__header) .app-layout__menu-btn{display:none;padding:var(--spacing-sm);background:transparent;border:none;color:var(--color-foreground);cursor:pointer;border-radius:var(--radius-md)}:is(:is(:is(.app-layout .app-layout__main) .app-layout__header) .app-layout__menu-btn):hover{background:var(--color-background-secondary)}:is(:is(.app-layout .app-layout__main) .app-layout__header) .app-layout__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}:is(.app-layout .app-layout__main) .app-layout__content{flex:1;padding:var(--spacing-xl)}@media(max-width:768px){.app-layout .app-layout__overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-fixed) - 1)}.app-layout .app-layout__sidebar{transform:translate(-100%);transition:transform var(--transition-base);width:260px!important}.app-layout__sidebar--open:is(.app-layout .app-layout__sidebar){transform:translate(0)}:is(:is(.app-layout .app-layout__sidebar) .app-layout__logo) .app-layout__collapse-btn{display:none}.app-layout .app-layout__main{margin-left:0}:is(.app-layout .app-layout__main) .app-layout__header{padding:0 var(--spacing-md)}:is(:is(.app-layout .app-layout__main) .app-layout__header) .app-layout__menu-btn{display:flex}:is(.app-layout .app-layout__main) .app-layout__content{padding:var(--spacing-md)}.app-layout.app-layout--collapsed .app-layout__sidebar{width:260px!important}.app-layout.app-layout--collapsed .app-layout__logo{flex-direction:row;gap:var(--spacing-sm);padding:var(--spacing-lg)}.app-layout.app-layout--collapsed .app-layout__nav{padding:var(--spacing-md)}.app-layout.app-layout--collapsed .app-layout__nav-link{justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md)}.app-layout.app-layout--collapsed .app-layout__footer{padding:var(--spacing-md)}.app-layout.app-layout--collapsed .app-layout__logout-btn{justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md)}.app-layout.app-layout--collapsed .app-layout__main{margin-left:0}}.not-found{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-background);padding:var(--spacing-xl)}.not-found__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);max-width:400px}.not-found__icon{color:var(--color-foreground-tertiary);margin-bottom:var(--spacing-sm)}.not-found__code{font-size:4rem;font-weight:var(--font-weight-bold);color:var(--color-foreground);line-height:1}.not-found__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.not-found__message{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}:root,[data-theme=light]{--color-background: #ffffff;--color-background-secondary: #f9fafb;--color-background-tertiary: #f3f4f6;--color-foreground: #0f172a;--color-foreground-secondary: #475569;--color-foreground-tertiary: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-accent: #0f172a;--color-success: #10b981;--color-success-muted: rgba(16, 185, 129, .08);--color-error: #ef4444;--color-danger: #ef4444;--color-danger-muted: rgba(239, 68, 68, .08);--color-warning: #f5b208;--color-warning-muted: rgba(251, 191, 36, .1);--color-info: #0070f3;--color-info-muted: rgba(0, 112, 243, .06);--color-primary: #0070f3;--color-primary-foreground: #ffffff;--color-primary-muted: rgba(0, 112, 243, .06);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-2xs: .125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .03), 0 6px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .03), 0 12px 28px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .04), 0 24px 56px rgba(0, 0, 0, .12);--transition-fast: .12s cubic-bezier(.25, .1, .25, 1);--transition-base: .2s cubic-bezier(.25, .1, .25, 1);--transition-slow: .32s cubic-bezier(.25, .1, .25, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--theme-preview-light-bg: #ffffff;--theme-preview-light-border: #e2e8f0;--theme-preview-light-footer: #f9fafb;--theme-preview-dark-bg: #000000;--theme-preview-dark-border: #262626;--theme-preview-dark-footer: #0a0a0a}[data-theme=dark]{--color-background: #000000;--color-background-secondary: #0a0a0a;--color-background-tertiary: #141414;--color-foreground: #ececec;--color-foreground-secondary: #a0a0a0;--color-foreground-tertiary: #5a5a5a;--color-border: #262626;--color-border-light: #1a1a1a;--color-accent: #ececec;--color-success: #34d399;--color-success-muted: rgba(52, 211, 153, .1);--color-error: #fb7185;--color-danger: #ef4444;--color-danger-muted: rgba(239, 68, 68, .1);--color-warning: #f5b208;--color-warning-muted: rgba(251, 191, 36, .1);--color-info: #60a5fa;--color-info-muted: rgba(96, 165, 250, .1);--color-primary: #0070f3;--color-primary-foreground: #ffffff;--color-primary-muted: rgba(0, 112, 243, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .6);--shadow-md: 0 3px 8px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .8);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .9)}*,*:before,*:after{box-sizing:border-box;min-width:0;font:inherit}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}ul,ol{list-style:none;margin:0;padding:0}button{background:none;border:none;cursor:pointer;padding:0}#root{isolation:isolate;min-height:100dvh}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-background-secondary)}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-info);color:var(--color-foreground)}*,body{font-family:var(--font-family)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-foreground)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-foreground)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-foreground)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-foreground)}h5{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-foreground)}h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-foreground)}p{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-foreground-secondary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-foreground)}.text-secondary{color:var(--color-foreground-secondary)}.text-tertiary{color:var(--color-foreground-tertiary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}a{color:var(--color-foreground);transition:color var(--transition-fast)}a:hover{color:var(--color-foreground-secondary)}code,pre{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-sm)}code{background-color:var(--color-background-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm)}pre{background-color:var(--color-background-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0}small{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}[data-sonner-toaster]{--normal-bg: var(--color-background-secondary);--normal-border: var(--color-border);--normal-text: var(--color-foreground);--success-bg: var(--color-background-secondary);--success-border: var(--color-success);--success-text: var(--color-foreground);--error-bg: var(--color-background-secondary);--error-border: var(--color-error);--error-text: var(--color-foreground);--warning-bg: var(--color-background-secondary);--warning-border: var(--color-warning);--warning-text: var(--color-foreground);--info-bg: var(--color-background-secondary);--info-border: var(--color-info);--info-text: var(--color-foreground)}[data-sonner-toast]{background:var(--color-background-secondary)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:var(--spacing-md)!important}[data-sonner-toast][data-type=success]{border-left:4px solid var(--color-success)!important}[data-sonner-toast][data-type=error]{border-left:4px solid var(--color-error)!important}[data-sonner-toast][data-type=warning]{border-left:4px solid var(--color-warning)!important}[data-sonner-toast][data-type=info]{border-left:4px solid var(--color-info)!important}[data-sonner-toast] [data-title]{font-weight:var(--font-weight-semibold)!important;color:var(--color-foreground)!important;font-size:var(--font-size-sm)!important}[data-sonner-toast] [data-description]{color:var(--color-foreground-secondary)!important;font-size:var(--font-size-sm)!important}[data-sonner-toast] [data-close-button]{background:transparent!important;border:none!important;color:var(--color-foreground-tertiary)!important}[data-sonner-toast] [data-close-button]:hover{color:var(--color-foreground)!important}[data-sonner-toast] [data-button]{background:var(--color-accent)!important;color:var(--color-background)!important;border-radius:var(--radius-sm)!important;font-weight:var(--font-weight-medium)!important;font-size:var(--font-size-xs)!important;padding:var(--spacing-xs) var(--spacing-sm)!important}[data-sonner-toast] [data-button]:hover{opacity:.9}[data-sonner-toast] [data-cancel]{background:transparent!important;color:var(--color-foreground-secondary)!important;border:1px solid var(--color-border)!important}[data-sonner-toast] [data-cancel]:hover{background:var(--color-background-tertiary)!important}[data-sonner-toast][data-type=loading] [data-icon]{color:var(--color-info)!important}[data-sonner-toast] [data-progress]{background:var(--color-foreground-tertiary)!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-foreground);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-foreground)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-info);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}:is(input,textarea,select):focus{outline:none;border-color:var(--color-info)}:is(input,textarea,select)::placeholder{color:var(--color-foreground-tertiary)}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}:is(::-webkit-scrollbar-thumb):hover{background:var(--color-foreground-tertiary)}::selection{background-color:var(--color-info);color:var(--color-background)}:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
