.account-layout{background-color:var(--color-background-primary);color:var(--color-text-primary);min-height:100vh}.account-nav{background-color:var(--color-background-secondary);border-bottom-width:var(--border-width-sm);border-bottom-style:solid;border-bottom-color:var(--color-interactive-primary);padding:var(--spacing-2) var(--spacing-4)}.account-nav__item{background-color:transparent;color:var(--color-text-secondary);font-family:var(--font-heading-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3);text-decoration:none;border-bottom:var(--border-width-sm) solid transparent;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.account-nav__item:hover{color:var(--color-interactive-primary);background-color:var(--color-interactive-primary-bg-subtle)}.account-nav__item[aria-current=page]{color:var(--color-interactive-primary);border-bottom-color:var(--color-interactive-primary);font-weight:var(--font-weight-bold)}.btn-primary{background-color:var(--color-interactive-primary);color:var(--color-background-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.btn-primary:hover:not(:disabled){background-color:var(--color-interactive-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary)}.btn-primary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--color-text-secondary);font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);border:var(--border-width-sm) solid var(--color-interactive-primary-bg-faint);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.btn-secondary:hover:not(:disabled){color:var(--color-interactive-primary);border-color:var(--color-interactive-primary);background-color:var(--color-interactive-primary-bg-subtle)}.btn-secondary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-danger{background-color:var(--color-status-error-strong);color:var(--color-text-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.btn-danger:hover:not(:disabled){background-color:var(--color-status-error-strong);box-shadow:0 0 var(--shadow-blur-sm) var(--color-status-error-strong)}.btn-danger:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.form-field__label{color:var(--color-text-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-field__input{background-color:var(--color-background-secondary);color:var(--color-text-primary);font-family:var(--font-stack-system-ui);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);border:var(--border-width-sm) solid var(--color-interactive-primary-bg-faint);border-radius:var(--border-radius-full);transition:all var(--transition-duration-fast) var(--transition-timing-function-default);outline:none}.form-field__input:focus{border-color:var(--color-interactive-primary);box-shadow:0 0 0 var(--spacing-1) var(--color-interactive-primary-bg-subtle)}.form-field__input[aria-invalid=true]{border-color:var(--color-status-error-strong)}.form-field__input[aria-invalid=true]:focus{box-shadow:0 0 0 var(--spacing-1) var(--color-status-error-strong-bg)}.form-field__input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.form-field__error{color:var(--color-status-error-strong);font-family:var(--font-stack-system-ui);font-size:var(--font-size-sm)}.error-message-error{background-color:var(--color-status-error-strong-bg);border:var(--border-width-sm) solid var(--color-status-error-strong);border-radius:var(--border-radius-md);padding:var(--spacing-3);color:var(--color-status-error-strong);font-family:var(--font-stack-system-ui);font-size:var(--font-size-base)}.error-message-warning{background-color:var(--color-status-warning-bg);border:var(--border-width-sm) solid var(--color-status-warning);border-radius:var(--border-radius-md);padding:var(--spacing-3);color:var(--color-status-warning);font-family:var(--font-stack-system-ui);font-size:var(--font-size-base)}.error-message-info{background-color:var(--color-interactive-primary-bg-subtle);border:var(--border-width-sm) solid var(--color-interactive-primary);border-radius:var(--border-radius-md);padding:var(--spacing-3);color:var(--color-interactive-primary);font-family:var(--font-stack-system-ui);font-size:var(--font-size-base)}.flash-message-error{background-color:var(--color-status-error-strong-bg);border:var(--border-width-sm) solid var(--color-status-error-strong);border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-4);color:var(--color-status-error-strong);font-family:var(--font-stack-system-ui);font-size:var(--font-size-base);position:fixed;top:var(--spacing-4);left:var(--position-center);transform:translate(-50%);z-index:var(--z-index-modal-overlay);box-shadow:0 0 var(--shadow-blur-sm) var(--color-status-error-strong-glow);min-width:var(--layout-section-padding-compact);max-width:var(--layout-page-container-width)}.flash-message-warning{background-color:var(--color-status-warning-bg);border:var(--border-width-sm) solid var(--color-status-warning);border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-4);color:var(--color-status-warning);font-family:var(--font-stack-system-ui);font-size:var(--font-size-base);position:fixed;top:var(--spacing-4);left:var(--position-center);transform:translate(-50%);z-index:var(--z-index-modal-overlay);box-shadow:0 0 var(--shadow-blur-sm) var(--color-status-warning-glow);min-width:var(--layout-section-padding-compact);max-width:var(--layout-page-container-width)}.flash-message-info{background-color:var(--color-interactive-primary-bg-opaque);border:var(--border-width-sm) solid var(--color-interactive-primary);border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-4);color:var(--color-interactive-primary);font-family:var(--font-stack-system-ui);font-size:var(--font-size-base);position:fixed;top:var(--spacing-4);left:var(--position-center);transform:translate(-50%);z-index:var(--z-index-modal-overlay);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg);min-width:var(--layout-section-padding-compact);max-width:var(--layout-page-container-width)}.flash-message__icon{font-size:var(--font-size-xl)}.flash-message__close{background-color:transparent;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-xl);padding:0;opacity:var(--opacity-disabled);transition:opacity var(--transition-duration-fast) var(--transition-timing-function-default)}.flash-message__close:hover{opacity:1}.modal__overlay{background-color:var(--color-overlay-strong);inset:0;position:fixed;z-index:var(--z-index-modal-overlay);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.modal{background-color:var(--color-background-secondary);border:var(--border-width-sm) solid var(--color-interactive-primary);border-radius:var(--border-radius-lg);box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);padding:var(--spacing-4);position:fixed;top:var(--position-center);left:var(--position-center);transform:translate(-50%,-50%);z-index:var(--z-index-modal);min-width:var(--layout-section-padding-compact);max-width:var(--layout-page-container-width);max-height:80vh;overflow-y:auto}.modal__header{color:var(--color-text-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal__body{color:var(--color-text-primary);font-family:var(--font-stack-system-ui);font-size:var(--font-size-base)}.modal__close{background-color:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-2xl);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.modal__close:hover{color:var(--color-interactive-primary)}.auth-card{background-color:var(--color-background-primary);border:none;border-radius:var(--border-radius-lg);box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);padding:var(--spacing-7);width:100%;max-width:var(--layout-page-container-width)}.badge-success{background-color:var(--color-status-success-bg);color:var(--color-status-success);font-family:var(--font-heading-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);border:var(--border-width-sm) solid var(--color-status-success)}.badge-warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning);font-family:var(--font-heading-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);border:var(--border-width-sm) solid var(--color-status-warning)}.badge-danger{background-color:var(--color-status-error-strong-bg);color:var(--color-status-error-strong);font-family:var(--font-heading-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);border:var(--border-width-sm) solid var(--color-status-error-strong)}.badge-info{background-color:var(--color-interactive-primary-bg-subtle);color:var(--color-interactive-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);border:var(--border-width-sm) solid var(--color-interactive-primary)}
