.settings-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}@media (min-width:768px){.settings-modal-overlay{padding:var(--space-4)}}.settings-modal-container{position:relative;background-color:var(--bg-surface);box-shadow:var(--shadow-xl);width:100%;height:100%;display:flex;overflow:hidden;animation:modal-in var(--duration-base) var(--ease-out);border-radius:0;max-height:100vh}.settings-modal-close-btn{position:absolute;top:var(--space-3);right:var(--space-3);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-interactive);background:none;border:none;color:var(--ui-text-muted);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.settings-modal-close-btn:hover{background-color:var(--ui-bg-hover);color:var(--ui-text-primary)}@media (min-width:768px){.settings-modal-container{height:auto;max-width:896px;border-radius:var(--radius-card)}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-modal-content{flex:1;overflow-y:auto;background-color:var(--ui-bg-page)}.settings-content-column{flex:1;display:flex;flex-direction:column;min-height:0}.settings-desktop-layout{display:none;width:100%;height:80vh;max-height:700px}@media (min-width:768px){.settings-desktop-layout{display:flex}}.settings-mobile-layout{display:flex;width:100%;height:100%}@media (min-width:768px){.settings-mobile-layout{display:none}}.settings-mobile-content,.settings-mobile-menu{width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);will-change:transform;backface-visibility:hidden}.settings-mobile-menu{position:relative}.settings-mobile-menu.hidden{position:absolute;transform:translateX(-100%)}.settings-mobile-content{position:absolute;transform:translateX(100%)}.settings-mobile-content.visible{position:relative;transform:translateX(0);display:flex;flex-direction:column}.settings-mobile-header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--bg-surface);border-bottom:1px solid var(--ui-bg-hover);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.settings-back-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-interactive);border:none;background:none;color:var(--ui-text-primary);cursor:pointer;transition:background-color var(--transition-base)}.settings-back-btn:hover{background-color:var(--ui-bg-hover)}.settings-mobile-header-title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.settings-mobile-content-area{overflow-y:auto;flex:1;min-height:0}.settings-sidebar{background-color:var(--bg-surface)}.settings-sidebar-desktop{width:256px;border-right:1px solid var(--ui-bg-hover)}.settings-sidebar-mobile{width:100%;height:100%}.settings-sidebar-header{padding:50px var(--space-6) var(--space-4);border-bottom:none;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.settings-sidebar-mobile .settings-sidebar-header{padding:var(--space-4)}.settings-close-btn{display:none}.settings-sidebar-title{font-family:var(--font-family-base);font-size:24px;font-weight:var(--font-weight-light);line-height:1.4;color:var(--ui-text-primary);margin:0}.settings-sidebar-nav{padding:var(--space-4)}.sidebar-nav-list{list-style:none;margin:0;padding:0}.sidebar-nav-list-secondary{margin-top:var(--space-8);padding-top:var(--space-6)}.settings-sidebar-mobile .sidebar-item{padding:var(--space-4) var(--space-3);border-radius:0}.profile-settings{padding:50px}.profile-settings-header{margin-bottom:var(--space-6)}.profile-settings-title{font-family:var(--font-family-base);font-size:24px;font-weight:var(--font-weight-light);line-height:1.4;color:var(--ui-text-primary)}.profile-image-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-10)}.profile-image-wrapper{width:200px;height:200px;border-radius:var(--radius-card);overflow:hidden}.profile-image-wrapper img,.profile-image-wrapper>*{width:100%!important;height:100%!important;border-radius:var(--radius-card)}.profile-image-wrapper img{-o-object-fit:cover;object-fit:cover}.profile-image-loading{width:200px;height:200px;border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;background-color:var(--bg-muted)}.profile-image-actions{margin-top:var(--space-2)}.profile-image-edit-btn{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--ui-text-primary);background:none;border:none;padding:var(--space-2) var(--space-4);cursor:pointer;transition:color var(--transition-base)}.profile-image-edit-btn:hover{color:var(--text-muted)}.profile-image-edit-btn:disabled{opacity:.5;cursor:not-allowed}.profile-image-delete-btn{font-family:var(--font-family-base);font-size:var(--font-size-xxs);color:var(--text-placeholder);background:none;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;transition:color var(--transition-base)}.profile-image-delete-btn:hover{color:var(--interactive-destructive)}.profile-image-delete-btn:disabled{opacity:.5;cursor:not-allowed}.additional-info-section,.profile-info-section{margin-bottom:var(--space-8);text-align:left}.section-title{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:1.5;text-transform:none;color:var(--ui-text-secondary);margin-bottom:var(--space-4)}.profile-form{display:flex;flex-direction:column;gap:0}.profile-form .form-group{display:flex;flex-direction:row;align-items:baseline;gap:0;padding:0;border-bottom:1px solid var(--ui-border-default)}.profile-form .form-group:last-child{border-bottom:none}.profile-form .form-label{display:inline;width:120px;flex-shrink:0;text-transform:none;margin-bottom:0}.profile-form .form-input,.profile-form .form-label{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;color:var(--ui-text-primary)}.profile-form .form-input{flex:1;background-color:transparent;border:none;padding:0;outline:none}.profile-form .form-input:focus{outline:none;box-shadow:none}.profile-form .form-input::-moz-placeholder{color:var(--text-placeholder)}.profile-form .form-input::placeholder{color:var(--text-placeholder)}.profile-form .form-input:disabled{color:var(--text-muted);cursor:not-allowed}.reset-btn{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-muted);background:none;border:none;padding:var(--space-2) var(--space-4);cursor:pointer;transition:color var(--transition-base)}.reset-btn:hover{color:var(--ui-text-primary)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-inverse);background-color:var(--ui-text-primary);border:none;border-radius:var(--radius-interactive);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--transition-base)}.save-btn:hover{background-color:var(--color-neutral-800)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.image-error,.profile-error{background-color:var(--color-destructive-50);border:1px solid var(--color-destructive-200);border-radius:var(--radius-interactive);padding:var(--space-3);margin-top:var(--space-3)}.image-error{margin-bottom:var(--space-6);text-align:center}.image-error p,.profile-error p{color:var(--interactive-destructive);font-family:var(--font-family-base);font-size:13px;margin:0}.account-security-title,.billing-title,.notifications-settings-title{font-family:var(--font-family-base);font-size:24px;font-weight:var(--font-weight-light);line-height:1.4;color:var(--ui-text-primary);margin-bottom:var(--space-6)}.settings-section-label{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:1.5;text-transform:uppercase;color:var(--ui-text-secondary);margin-bottom:var(--space-3)}.settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;border:none;background:transparent;cursor:pointer;text-align:left}.settings-row-label{font-family:var(--font-family-base);font-size:13px;font-weight:var(--font-weight-normal);line-height:1.35;color:var(--ui-text-primary)}.settings-row-description{font-size:var(--font-size-xs);line-height:1.5;margin-top:2px}.settings-row-description,.settings-row-value{font-family:var(--font-family-base);font-weight:var(--font-weight-light);color:var(--ui-text-muted)}.settings-row-value{font-size:var(--font-size-base);text-decoration:underline}.settings-row-icon{color:var(--ui-text-muted);flex-shrink:0}.settings-row-icon svg{width:16px;height:16px}.settings-inline-form{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--bg-muted);border-radius:var(--radius-md)}.settings-inline-form-label{display:block;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--ui-text-primary);margin-bottom:var(--space-1)}.settings-inline-form-label .required{color:var(--interactive-destructive)}.settings-inline-input{width:100%;padding:var(--space-3);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--ui-text-primary);background:var(--bg-surface);border:.5px solid var(--modal-input-border-color);border-radius:var(--radius-interactive);outline:none;transition:border-color var(--transition-base)}.settings-inline-input::-moz-placeholder{color:var(--text-placeholder)}.settings-inline-input::placeholder{color:var(--text-placeholder)}.settings-inline-input:hover{border-color:var(--border-dark)}.settings-inline-input:focus{border-color:var(--ui-text-primary)}.settings-inline-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-muted)}.settings-inline-input--error{border-color:var(--interactive-destructive)}.settings-password-wrapper{position:relative}.settings-password-wrapper .settings-inline-input{padding-right:var(--space-10)}.settings-password-toggle{position:absolute;inset:0 0 0 auto;display:flex;align-items:center;padding-right:var(--space-3);color:var(--ui-text-muted);background:none;border:none;cursor:pointer}.settings-password-toggle svg{width:16px;height:16px}.settings-mfa-code-input{width:100%;padding:var(--space-3);font-family:monospace;font-size:var(--font-size-lg);letter-spacing:.15em;text-align:center;color:var(--ui-text-primary);background:var(--bg-surface);border:.5px solid var(--modal-input-border-color);border-radius:var(--radius-interactive);outline:none;transition:border-color var(--transition-base)}.settings-mfa-code-input:focus{border-color:var(--ui-text-primary)}.settings-backup-codes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-size-sm);color:var(--ui-text-primary);margin-bottom:var(--space-4)}.settings-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.settings-form-cancel{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--text-secondary);background:none;border:none;padding:var(--space-2) 0;cursor:pointer;transition:color var(--transition-base)}.settings-form-cancel:hover{color:var(--ui-text-primary)}.settings-form-cancel:disabled{opacity:.5;cursor:not-allowed}.settings-form-submit{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--text-inverse);background-color:var(--ui-text-primary);border:none;border-radius:var(--radius-interactive);padding:var(--space-2) var(--space-6);cursor:pointer;transition:background-color var(--transition-base)}.settings-form-submit:hover{background-color:var(--color-neutral-800)}.settings-form-submit:disabled{opacity:.5;cursor:not-allowed}.settings-form-submit--danger{background-color:var(--interactive-destructive)}.settings-form-submit--danger:hover{background-color:var(--interactive-destructive-hover)}.settings-link-btn{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--ui-text-primary);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-base)}.settings-link-btn:hover{color:var(--ui-text-muted)}.settings-link-btn--danger{color:var(--interactive-destructive)}.settings-link-btn--danger:hover{color:var(--interactive-destructive-hover)}.settings-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);border:1px solid}.settings-alert-icon{flex-shrink:0;margin-top:2px}.settings-alert-icon svg{width:18px;height:18px}.settings-alert-content{flex:1;min-width:0}.settings-alert-title{font-weight:var(--font-weight-medium);line-height:1.35;margin:0}.settings-alert-message,.settings-alert-title{font-family:var(--font-family-base);font-size:var(--font-size-sm)}.settings-alert-message{font-weight:var(--font-weight-normal);line-height:1.5;margin:2px 0 0}.settings-alert-action{flex-shrink:0}.settings-alert--danger{background-color:var(--color-destructive-50);border-color:var(--color-destructive-200)}.settings-alert--danger .settings-alert-icon{color:var(--interactive-destructive)}.settings-alert--danger .settings-alert-title{color:var(--color-destructive-700)}.settings-alert--danger .settings-alert-message{color:var(--color-destructive-600)}.settings-alert--warning{background-color:var(--color-amber-50);border-color:var(--color-amber-500)}.settings-alert--warning .settings-alert-icon,.settings-alert--warning .settings-alert-message,.settings-alert--warning .settings-alert-title{color:var(--color-amber-700)}.settings-alert--info{background-color:var(--color-blue-50);border-color:var(--color-blue-100)}.settings-alert--info .settings-alert-icon,.settings-alert--info .settings-alert-message,.settings-alert--info .settings-alert-title{color:var(--color-blue-700)}.settings-alert--success{background-color:var(--color-green-50);border-color:var(--color-green-500)}.settings-alert--success .settings-alert-icon,.settings-alert--success .settings-alert-message,.settings-alert--success .settings-alert-title{color:var(--color-green-700)}.settings-alert--orange{background-color:var(--color-orange-50);border-color:var(--color-orange-700)}.settings-alert--orange .settings-alert-icon,.settings-alert--orange .settings-alert-message,.settings-alert--orange .settings-alert-title{color:var(--color-orange-700)}.settings-alert-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--transition-base);white-space:nowrap}.settings-alert-btn:disabled{opacity:.5;cursor:not-allowed}.settings-alert-btn--danger{background-color:var(--interactive-destructive)}.settings-alert-btn--danger:hover{background-color:var(--interactive-destructive-hover)}.settings-alert-btn--warning{background-color:var(--color-amber-700)}.settings-alert-btn--orange{background-color:var(--color-orange-700)}.settings-alert-btn--info{background-color:var(--color-blue-600)}.settings-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);line-height:1.2}.settings-status-badge svg{width:12px;height:12px}.settings-status-badge--active{background-color:var(--color-green-50);color:var(--color-green-700)}.settings-status-badge--trial{background-color:var(--color-blue-50);color:var(--color-blue-700)}.settings-status-badge--warning{background-color:var(--color-amber-50);color:var(--color-amber-700)}.settings-status-badge--danger{background-color:var(--color-destructive-50);color:var(--interactive-destructive)}.settings-status-badge--paused{background-color:var(--color-orange-50);color:var(--color-orange-700)}.settings-status-badge--neutral{background-color:var(--bg-muted);color:var(--text-muted)}.settings-status-badge--enabled{background-color:var(--color-green-50);color:var(--color-green-700)}.notifications-settings{padding:50px}.notification-toggle{border-bottom:1px solid var(--ui-border-default);padding:var(--space-4) 0}.notification-toggle:last-child{border-bottom:none}.notification-hint{margin-top:var(--space-2);padding:var(--space-3);background-color:var(--color-amber-50);border:1px solid var(--color-amber-500);border-radius:var(--radius-md)}.notification-hint p{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-amber-700);margin:0}.toggle-button{position:relative;width:44px;height:24px;background-color:var(--border-default);border-radius:var(--radius-pill);cursor:pointer;outline:none;border:none;transition:background-color var(--transition-base)}.toggle-button.active{background-color:var(--ui-accent-green-bright)}.toggle-button:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--bg-surface);border-radius:var(--radius-pill);transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-button.active:after{transform:translateX(20px)}.toggle-button.mixed{background-color:#d1d5db}.account-security-settings{padding:50px}.settings-validation-errors{margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--color-amber-50);border:1px solid var(--color-amber-500);border-radius:var(--radius-md)}.settings-validation-errors ul{list-style:none;margin:0;padding:0}.settings-validation-errors li{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-amber-700);padding:2px 0}.settings-validation-errors li:before{content:"\2022";margin-right:var(--space-2)}.billing-overview{padding:50px}.billing-option{border:1px solid var(--ui-border-default);border-radius:var(--radius-card);padding:var(--space-5);cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.billing-option:hover{border-color:var(--ui-text-primary)}.billing-option+.billing-option{margin-top:var(--space-4)}.billing-option-heading{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--ui-text-primary)}.billing-option-description{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--ui-text-muted)}.billing-invoices,.billing-payment-info,.billing-subscription{padding:50px}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.breadcrumbs button{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--ui-text-secondary);background:none;border:none;cursor:pointer;transition:color var(--transition-base)}.breadcrumbs button:hover{color:var(--ui-text-primary);text-decoration:underline}.breadcrumbs .breadcrumb-current,.breadcrumbs span:last-child{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--ui-text-muted)}.subscription-card{padding:var(--space-6);border-radius:var(--radius-card);border:1px solid}.subscription-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.subscription-card-plan{font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--ui-text-primary);display:flex;align-items:center;gap:var(--space-2)}.subscription-card-price{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--text-secondary);margin-top:var(--space-1)}.subscription-card-actions{display:flex;gap:var(--space-2)}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.usage-card{padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.usage-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--text-muted)}.usage-card-label,.usage-card-value{font-family:var(--font-family-base);margin-bottom:var(--space-2)}.usage-card-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--ui-text-primary)}.usage-card-value span{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--text-muted)}.usage-card-note{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--ui-text-muted)}.usage-progress-bar{width:100%;height:6px;background-color:var(--bg-muted);border-radius:var(--radius-pill);overflow:hidden}.usage-progress-fill{height:100%;border-radius:var(--radius-pill);transition:width var(--transition-slow)}.usage-progress-fill--green{background-color:var(--color-green-500)}.usage-progress-fill--amber{background-color:var(--color-amber-500)}.usage-progress-fill--red{background-color:var(--interactive-destructive)}.plan-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.plan-feature-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--text-secondary)}.plan-feature-item svg{width:16px;height:16px;color:var(--color-green-500);flex-shrink:0}.payment-info,.payment-section,.subscription-plan{transition:box-shadow var(--transition-base)}.payment-info,.subscription-plan{border:1px solid var(--ui-border-default);border-radius:var(--radius-card);padding:var(--space-6)}.payment-info:hover,.subscription-plan:hover{box-shadow:var(--shadow-md)}.payment-section-title{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--ui-text-primary);margin-bottom:var(--space-3)}.payment-detail-row{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border-light)}.payment-detail-label{color:var(--ui-text-primary)}.payment-detail-label,.payment-detail-value{font-family:var(--font-family-base);font-size:var(--font-size-sm)}.payment-detail-value{font-weight:var(--font-weight-light);color:var(--text-secondary)}.settings-external-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--ui-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-base)}.settings-external-link:hover{color:var(--ui-text-primary)}.settings-external-link:disabled{opacity:.5;cursor:not-allowed}.settings-external-link svg{width:12px;height:12px}.invoice-item{padding:var(--space-4) 0;border-bottom:1px solid var(--ui-border-default);transition:background-color var(--transition-base)}.invoice-item:last-child{border-bottom:none}.invoice-item:hover{background-color:var(--bg-muted)}.invoice-date{font-weight:var(--font-weight-normal);color:var(--ui-text-primary)}.invoice-amount,.invoice-date{font-family:var(--font-family-base);font-size:var(--font-size-sm)}.invoice-amount{font-weight:var(--font-weight-light);color:var(--text-muted)}.invoice-id{font-family:monospace;font-size:var(--font-size-sm);color:var(--ui-text-muted)}.year-section h3{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:1.5;text-transform:none;color:var(--ui-text-secondary);margin-bottom:var(--space-3)}.settings-info-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--bg-muted);border-radius:var(--radius-lg);margin-top:var(--space-8)}.settings-info-card-icon{color:var(--ui-text-muted);flex-shrink:0;margin-top:2px}.settings-info-card-icon svg{width:18px;height:18px}.settings-info-card-title{font-weight:var(--font-weight-normal);color:var(--text-secondary);margin-bottom:var(--space-1)}.settings-info-card-text,.settings-info-card-title{font-family:var(--font-family-base);font-size:var(--font-size-sm)}.settings-info-card-text{font-weight:var(--font-weight-light);line-height:1.5;color:var(--text-muted)}.settings-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.settings-empty-state-icon{color:var(--border-default);margin-bottom:var(--space-4)}.settings-empty-state-icon svg{width:64px;height:64px}.settings-empty-state-text{font-weight:var(--font-weight-light);color:var(--text-secondary);margin-bottom:var(--space-4);max-width:320px}.settings-empty-state-link,.settings-empty-state-text{font-family:var(--font-family-base);font-size:var(--font-size-sm)}.settings-empty-state-link{display:inline-block;color:var(--text-inverse);background-color:var(--ui-text-primary);border-radius:var(--radius-interactive);padding:var(--space-2) var(--space-6);text-decoration:none;transition:background-color var(--transition-base)}.settings-empty-state-link:hover{background-color:var(--color-neutral-800)}.settings-confirm-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);padding:var(--space-4)}.settings-confirm-dialog{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);max-width:480px;width:100%;box-shadow:var(--shadow-modal)}.settings-confirm-title{font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--ui-text-primary);margin:0 0 var(--space-4)}.settings-confirm-message{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height:1.5;color:var(--text-secondary);margin:0 0 var(--space-6)}.settings-confirm-actions{display:flex;gap:var(--space-3)}.settings-confirm-cancel{flex:1;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--text-secondary);background-color:var(--bg-muted);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--transition-base)}.settings-confirm-cancel:hover{background-color:var(--bg-hover)}.settings-confirm-submit{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--transition-base)}.settings-confirm-submit:disabled{opacity:.5;cursor:not-allowed}.settings-confirm-submit--danger{background-color:var(--interactive-destructive)}.settings-confirm-submit--danger:hover{background-color:var(--interactive-destructive-hover)}.settings-confirm-submit--primary{background-color:var(--ui-text-primary)}.settings-confirm-submit--primary:hover{background-color:var(--color-neutral-800)}.billing-plan-summary{margin-top:var(--space-8);padding:var(--space-4);background-color:var(--bg-muted);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between}.billing-plan-summary-label{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-muted)}.billing-plan-summary-value{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--ui-text-primary)}.billing-upgrade-cta{margin-top:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--color-blue-50),var(--color-purple-50));border:1px solid var(--color-blue-100);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-3)}.billing-upgrade-cta-icon{color:var(--color-blue-600);flex-shrink:0}.billing-upgrade-cta-icon svg{width:20px;height:20px}.billing-upgrade-cta-title{font-weight:var(--font-weight-normal);color:var(--ui-text-primary)}.billing-upgrade-cta-description,.billing-upgrade-cta-title{font-family:var(--font-family-base);font-size:var(--font-size-sm)}.billing-upgrade-cta-description{font-weight:var(--font-weight-light);color:var(--text-secondary)}.settings-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12) 0;gap:var(--space-2)}.settings-loading-text{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--text-muted)}.settings-loading-skeleton{height:var(--space-4);background-color:var(--bg-muted);border-radius:var(--radius-md);animation:settings-pulse 1.5s ease-in-out infinite}@keyframes settings-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:767px){.account-security-settings,.billing-invoices,.billing-overview,.billing-payment-info,.billing-subscription,.notifications-settings,.profile-settings{padding:var(--space-6) var(--space-5)}.profile-image-section{width:100%}.profile-image-loading,.profile-image-wrapper{width:120px;height:120px}.profile-form .form-label{width:110px}.profile-actions{flex-direction:column}.profile-actions .reset-btn,.profile-actions .save-btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-4)}.settings-modal-footer{flex-wrap:wrap;gap:var(--space-2)}.settings-modal-footer-actions{gap:var(--space-2)}.billing-option,.payment-info,.subscription-plan{padding:var(--space-4)}.breadcrumbs{flex-wrap:wrap}.plan-features-grid,.usage-grid{grid-template-columns:1fr}.subscription-card-header{flex-direction:column;gap:var(--space-3)}.subscription-card-actions{width:100%}.settings-confirm-dialog{margin:var(--space-4)}.settings-confirm-actions{flex-direction:column}}@media (max-width:375px){.account-security-settings,.billing-invoices,.billing-overview,.billing-payment-info,.billing-subscription,.notifications-settings,.profile-settings{padding:var(--space-5) var(--space-4)}.profile-image-loading,.profile-image-wrapper{width:100px;height:100px}.profile-form .form-label{width:100px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.settings-sidebar-nav{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.settings-mobile-content{padding-bottom:env(safe-area-inset-bottom)}.settings-modal-footer{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.settings-modal-container{animation:none}.billing-option,.profile-image-delete-btn,.profile-image-edit-btn,.reset-btn,.save-btn,.settings-back-btn,.settings-close-btn,.settings-external-link,.settings-form-cancel,.settings-form-submit,.settings-link-btn,.settings-mobile-content,.settings-mobile-menu,.settings-modal-close-btn,.sidebar-item,.toggle-button,.toggle-button:after,.usage-progress-fill{transition:none}}.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}.settings-modal-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 50px;background-color:var(--bg-surface);border-top:1px solid var(--ui-border-default)}@media (max-width:767px){.settings-modal-footer{padding:var(--space-3) var(--space-5)}}.settings-modal-footer-status{display:flex;align-items:center}.settings-modal-footer-status .save-status{display:flex;align-items:center;gap:6px;font-family:var(--font-family-base);font-size:var(--font-size-xxs);font-weight:var(--font-weight-normal);line-height:1}.save-status-saving{color:var(--ui-text-muted)}.save-status-saved{color:var(--color-green-700)}.save-status-error{color:var(--interactive-destructive)}.settings-modal-footer-actions{display:flex;gap:var(--space-3);align-items:center;margin-left:auto}.usage-settings{padding:50px}.usage-settings-header{margin-bottom:var(--space-6)}.usage-settings-title{font-size:24px;line-height:1.4;color:var(--ui-text-primary);margin:0 0 var(--space-2) 0}.usage-settings-subtitle,.usage-settings-title{font-family:var(--font-family-base);font-weight:var(--font-weight-light)}.usage-settings-subtitle{font-size:var(--font-size-xs);line-height:1.5;color:var(--ui-text-muted);margin:0}.usage-row,.usage-rows{display:flex;flex-direction:column}.usage-row{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--ui-border-default)}.usage-row:last-child{border-bottom:none}.usage-row-header{justify-content:space-between}.usage-row-header,.usage-row-label{display:flex;align-items:flex-start;gap:var(--space-3)}.usage-row-label{min-width:0}.usage-row-icon{width:18px;height:18px;color:var(--ui-text-muted);flex-shrink:0;margin-top:2px}.usage-row-title{font-size:13px;font-weight:var(--font-weight-normal);line-height:1.35;color:var(--ui-text-primary)}.usage-row-hint,.usage-row-title{font-family:var(--font-family-base)}.usage-row-hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:1.5;color:var(--ui-text-muted);margin-top:2px}.usage-row-fraction{font-family:var(--font-family-base);font-size:13px;font-weight:var(--font-weight-normal);color:var(--ui-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.usage-row-bar{height:6px;background:var(--bg-muted);border-radius:var(--radius-pill);overflow:hidden}.usage-row-bar-fill{height:100%;background:var(--color-green-500);border-radius:var(--radius-pill);transition:width var(--transition-slow),background-color var(--transition-base)}.usage-row[data-utilization-level=warning] .usage-row-bar-fill{background:var(--color-amber-500)}.usage-row[data-utilization-level=danger] .usage-row-bar-fill{background:var(--interactive-destructive)}.usage-row[data-utilization-level=danger] .usage-row-fraction{color:var(--interactive-destructive)}.usage-settings-footer-note{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--ui-text-muted);margin:var(--space-6) 0 0 0}.usage-settings-footer-note a{color:var(--ui-text-primary);text-decoration:underline;text-underline-offset:2px}.usage-settings-footer-note a:hover{color:var(--ui-text-muted)}@media (max-width:767px){.usage-settings{padding:var(--space-6) var(--space-5)}}@media (max-width:375px){.usage-settings{padding:var(--space-5) var(--space-4)}}.seat-management{padding:50px}.seat-management-header{margin-bottom:var(--space-6)}.seat-management-title{font-size:24px;line-height:1.4;color:var(--ui-text-primary);margin:0 0 var(--space-2) 0}.seat-management-subtitle,.seat-management-title{font-family:var(--font-family-base);font-weight:var(--font-weight-light)}.seat-management-subtitle{font-size:var(--font-size-xs);line-height:1.5;color:var(--ui-text-muted);margin:0}.seat-section{margin-bottom:var(--space-8)}.seat-section:last-child{margin-bottom:0}.seat-additional-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--ui-border-default)}.seat-additional-info{flex:1;min-width:0}.seat-additional-title{font-family:var(--font-family-base);font-size:13px;font-weight:var(--font-weight-normal);line-height:1.35;color:var(--ui-text-primary);margin:0 0 2px}.seat-additional-description{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:1.5;color:var(--ui-text-muted);margin:0}.seat-stepper{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.seat-stepper-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--ui-border-default);border-radius:var(--radius-interactive);background:transparent;color:var(--ui-text-primary);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),opacity var(--transition-base)}.seat-stepper-btn:hover:not(:disabled){background:var(--ui-bg-hover);border-color:var(--ui-text-primary)}.seat-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.seat-stepper-btn--primary{background:var(--ui-text-primary);color:var(--text-inverse);border-color:var(--ui-text-primary)}.seat-stepper-btn--primary:hover:not(:disabled){background:var(--color-neutral-800);border-color:var(--color-neutral-800)}.seat-stepper-value{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--ui-text-primary);min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}.seat-list{display:flex;flex-direction:column}.seat-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--ui-border-default);transition:opacity var(--transition-base)}.seat-row:last-child{border-bottom:none}.seat-row-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.seat-row-name{font-family:var(--font-family-base);font-size:13px;font-weight:var(--font-weight-normal);color:var(--ui-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-row-email{overflow:hidden;text-overflow:ellipsis}.seat-row-email,.seat-row-meta{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--ui-text-muted);white-space:nowrap}.seat-row-meta{flex-shrink:0}.seat-row-revoke-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--interactive-destructive);background:transparent;border:1px solid var(--color-destructive-200);border-radius:var(--radius-interactive);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base);flex-shrink:0}.seat-row-revoke-btn:hover:not(:disabled){background:var(--color-destructive-50);border-color:var(--interactive-destructive)}.seat-row-revoke-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.seat-row-meta{display:none}}.seat-conflict-list{list-style:none;padding:0;margin:var(--space-3) 0 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.seat-conflict-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--ui-border-default);border-radius:var(--radius-interactive)}.seat-conflict-identity{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--ui-text-primary)}.seat-conflict-email{color:var(--ui-text-muted)}.seat-conflict-email,.seat-conflict-revoke-btn{font-family:var(--font-family-base);font-size:var(--font-size-xs)}.seat-conflict-revoke-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-weight:var(--font-weight-medium);color:var(--interactive-destructive);background:transparent;border:1px solid var(--color-destructive-200);border-radius:var(--radius-interactive);cursor:pointer;transition:background-color var(--transition-base);flex-shrink:0}.seat-conflict-revoke-btn:hover:not(:disabled){background:var(--color-destructive-50)}.seat-conflict-revoke-btn:disabled{opacity:.6;cursor:not-allowed}.settings-alert-dismiss{flex-shrink:0;padding:var(--space-1);color:var(--ui-text-muted);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-base),background-color var(--transition-base)}.settings-alert-dismiss:hover{color:var(--ui-text-primary);background:var(--ui-bg-hover)}@media (max-width:767px){.seat-management{padding:var(--space-6) var(--space-5)}}@media (max-width:375px){.seat-management{padding:var(--space-5) var(--space-4)}}.seat-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.seat-section-header .settings-section-label{margin-bottom:0}.seat-invite-trigger-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--ui-text-primary);background:transparent;border:1px solid var(--ui-border-default);border-radius:var(--radius-interactive);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base);flex-shrink:0}.seat-invite-trigger-btn:hover:not(:disabled){background:var(--ui-bg-hover);border-color:var(--ui-text-primary)}.seat-invite-trigger-btn:disabled{opacity:.5;cursor:not-allowed}.seat-invite-field-textarea{width:100%;padding:var(--space-3);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--ui-text-primary);background:var(--bg-surface);border:.5px solid var(--modal-input-border-color);border-radius:var(--radius-interactive);outline:none;transition:border-color var(--transition-base);resize:vertical;min-height:72px}.seat-invite-field-textarea::-moz-placeholder{color:var(--text-placeholder)}.seat-invite-field-textarea::placeholder{color:var(--text-placeholder)}.seat-invite-field-textarea:hover{border-color:var(--border-dark)}.seat-invite-field-textarea:focus{border-color:var(--ui-text-primary)}.seat-invite-field-textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-muted)}.seat-invite-field-hint{font-weight:var(--font-weight-light);color:var(--ui-text-muted)}.seat-invite-field-error{margin:var(--space-1) 0 0 0;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--interactive-destructive)}:root{--color-white:#fff;--color-black:#000;--color-neutral-50:#faf9f7;--color-neutral-100:#f4f4f4;--color-neutral-200:#eaeae8;--color-neutral-300:#dddcda;--color-neutral-400:#d0cfcd;--color-neutral-500:#c5c4c2;--color-neutral-600:#8b8fa0;--color-neutral-700:#6b6b6b;--color-neutral-800:#4a4a4a;--color-neutral-900:#1a1a1a;--color-primary-50:#eefbee;--color-primary-100:#d4f4d4;--color-primary-200:#a8e6a8;--color-primary-300:#8cdc8c;--color-primary-400:#b8f060;--color-primary-500:#7acc5a;--color-primary-600:#5cb043;--color-primary-700:#3d8c2e;--color-primary-800:#2a6b1f;--color-primary-900:#1a4a14;--color-destructive-50:#fdf3f2;--color-destructive-100:#f9e3e0;--color-destructive-200:#f2c4be;--color-destructive-300:#e89a8f;--color-destructive-400:#d9685a;--color-destructive-500:#b94a37;--color-destructive-600:#9a3d2e;--color-destructive-700:#7a3024;--color-destructive-800:#5c241b;--color-destructive-900:#3d1812;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-purple-50:#f5f3ff;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-amber-50:#fffbeb;--color-amber-500:#f59e0b;--color-amber-700:#b45309;--color-orange-50:#fff7ed;--color-orange-700:#c2410c;--color-green-50:#f0fdf4;--color-green-500:#22c55e;--color-green-700:#15803d;--color-lime-500:#b2f76c;--bg-page:#fafafa;--bg-surface:var(--color-white);--bg-muted:var(--color-neutral-100);--bg-hover:var(--color-neutral-200);--bg-active:var(--color-neutral-100);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-700);--text-muted:var(--color-neutral-600);--text-placeholder:var(--color-neutral-500);--text-disabled:var(--color-neutral-500);--text-inverse:var(--color-white);--border-default:var(--color-neutral-300);--border-light:var(--color-neutral-200);--border-dark:var(--color-neutral-400);--border-focus:var(--color-neutral-400);--interactive-primary:var(--color-primary-500);--interactive-primary-hover:var(--color-primary-600);--interactive-primary-active:var(--color-primary-700);--interactive-destructive:var(--color-destructive-500);--interactive-destructive-hover:var(--color-destructive-600);--ui-text-primary:#000;--ui-text-secondary:#222;--ui-text-tertiary:#434343;--ui-text-muted:#878a94;--ui-text-subtle:#666;--ui-text-placeholder:grey;--ui-text-disabled:#9f9f9f;--ui-bg-hover:#eee;--ui-bg-page:#f4f4f4;--ui-border-light:#eee;--ui-border-default:#cacbcb;--ui-border-input:#c4c4c4;--ui-accent-green:#baecb7;--ui-accent-green-bright:#aef8a2;--font-family-base:var(--font-sohne),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-size-xxs:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:48px;--line-height-tight:1.25;--line-height-snug:1.4;--line-height-normal:1.5;--line-height-relaxed:1.6;--letter-spacing-tight:-0.01em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--radius-interactive:15px;--radius-card:20px;--form-control-height:45px;--form-control-height-sm:36px;--button-height:40px;--button-height-sm:32px;--button-height-lg:48px;--button-padding-x:24px;--button-padding-x-sm:16px;--icon-button-size:40px;--icon-button-size-sm:32px;--avatar-size:40px;--avatar-size-sm:32px;--avatar-size-lg:48px;--avatar-size-xl:64px;--modal-padding:25px;--modal-max-width:600px;--modal-max-width-sm:400px;--modal-max-width-lg:800px;--overlay-bg:rgba(0,0,0,.4);--modal-image-size:250px;--modal-input-height:40px;--modal-input-radius:var(--radius-interactive);--modal-input-border:0.5px solid #c5c5c5;--modal-border-color:#eaeaea;--modal-input-border-color:#c5c5c5;--modal-select-bg:#eee;--shadow-none:none;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-dropdown:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-modal:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-toast:0 4px 20px rgba(0,0,0,.15);--duration-fast:100ms;--duration-base:150ms;--duration-slow:250ms;--duration-slower:300ms;--ease-default:ease;--ease-in:ease-in;--ease-out:ease-out;--ease-in-out:ease-in-out;--transition-fast:var(--duration-fast) var(--ease-default);--transition-base:var(--duration-base) var(--ease-default);--transition-slow:var(--duration-slow) var(--ease-default);--z-base:0;--z-dropdown:50;--z-sticky:40;--z-overlay:60;--z-modal:100;--z-toast:110;--z-tooltip:120;--btn-padding-y:var(--space-2);--btn-padding-x:var(--space-5);--btn-padding-y-sm:var(--space-1);--btn-padding-x-sm:var(--space-3);--btn-padding-y-lg:var(--space-4);--btn-padding-x-lg:var(--space-8);--btn-radius:var(--radius-md);--btn-radius-pill:var(--radius-pill);--input-padding-y:10px;--input-padding-x:var(--space-4);--input-radius:var(--radius-md);--input-bg:var(--color-neutral-100);--input-bg-hover:var(--color-neutral-200);--input-bg-focus:var(--color-white);--input-border-focus:var(--color-neutral-300);--card-radius:var(--radius-lg);--card-padding:var(--space-6);--modal-radius:var(--radius-xl);--modal-padding:var(--space-6);--sidebar-width:220px;--sidebar-padding:var(--space-4);--header-height:65px;--nav-item-padding-y:10px;--nav-item-padding-x:14px;--nav-item-radius:var(--radius-interactive);--nav-item-color:var(--ui-text-muted);--nav-item-color-active:var(--ui-text-primary);--nav-item-bg-active:var(--ui-bg-hover);--badge-padding-y:6px;--badge-padding-x:14px;--badge-radius:var(--radius-pill);--badge-font-size:var(--font-size-sm);--table-header-bg:var(--color-neutral-100);--table-row-hover-bg:var(--color-neutral-50);--table-border-color:var(--color-neutral-200);--dropdown-radius:var(--radius-lg);--dropdown-padding:6px;--dropdown-item-padding-y:10px;--dropdown-item-padding-x:var(--space-3);--dropdown-item-radius:var(--radius-md);--sidebar-item-padding-y:var(--space-2);--sidebar-item-padding-x:var(--space-3);--sidebar-item-radius:var(--radius-interactive);--sidebar-item-color:var(--ui-text-muted);--sidebar-item-color-active:var(--ui-text-primary);--sidebar-item-bg-hover:var(--ui-bg-hover);--toggle-bg:var(--border-default);--toggle-bg-active:var(--ui-accent-green-bright);--toggle-knob-bg:var(--bg-surface);--divider-color:var(--ui-border-default);--divider-color-light:var(--ui-border-light)}[data-nextjs-scroll-focus-boundary]{display:contents}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);color:var(--text-primary);background:var(--bg-surface)}button{background:none;border:none;cursor:pointer;font:inherit}a,button{color:inherit}a{text-decoration:none}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none;padding:0;margin:0}input,select,textarea{font:inherit}.body,.heading,a,h1,h2,h3,h4,h5,h6,input,p{font-family:var(--font-family-base)}.heading-lg{font-weight:var(--font-weight-light);font-size:var(--font-size-4xl);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-normal);margin:0;color:var(--text-primary)}.heading-m{font-size:var(--font-size-3xl)}.heading-m,.heading-s{font-weight:var(--font-weight-light);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);margin:0;color:var(--text-primary)}.heading-s{font-size:var(--font-size-2xl)}.heading-xs{font-weight:var(--font-weight-light);font-size:var(--font-size-lg);line-height:var(--line-height-snug)}.heading-xs,.heading-xxs{letter-spacing:var(--letter-spacing-normal);margin:0;color:var(--text-primary)}.heading-xxs{font-weight:var(--font-weight-normal);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.body-l{font-size:var(--font-size-lg)}.body-l,.body-m{font-weight:var(--font-weight-light);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-secondary)}.body-m{font-size:var(--font-size-md)}.body-s{font-size:var(--font-size-base);color:var(--text-secondary)}.body-s,.body-xs{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.body-xs{font-size:var(--font-size-sm);color:var(--text-muted)}.body-xxs::-moz-placeholder{font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-muted)}.body-xxs,.body-xxs::placeholder{font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-muted)}h1{font-weight:var(--font-weight-light);font-size:var(--font-size-4xl);line-height:var(--line-height-snug);margin:0;color:var(--text-primary)}h2{font-size:var(--font-size-3xl)}h2,h3{font-weight:var(--font-weight-light);line-height:var(--line-height-normal);margin:0;color:var(--text-primary)}h3{font-size:var(--font-size-2xl)}h4{font-weight:var(--font-weight-light);font-size:var(--font-size-lg);line-height:var(--line-height-snug)}h4,h5{margin:0;color:var(--text-primary)}h5{font-size:var(--font-size-md)}h5,p{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}p{font-size:var(--font-size-base);color:var(--text-secondary)}small{font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-muted,small{color:var(--text-muted)}.link-text{font-size:var(--font-size-base);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-base)}.link-text:hover{color:var(--text-muted)}.interpunct{display:inline-block;width:3px;height:3px;background-color:currentColor;border-radius:var(--radius-pill);margin:0 var(--space-2) 2px var(--space-2)}.label{font-weight:var(--font-weight-normal);font-size:var(--font-size-xxs);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--text-muted)}.welcome-section h1{margin-bottom:var(--space-2)}.welcome-section p{font-weight:var(--font-weight-light);font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--text-muted)}.text-heading{font-size:24px;line-height:1.4;color:var(--ui-text-primary)}.text-heading,.text-label{font-family:var(--font-family-base);font-weight:var(--font-weight-light);letter-spacing:0}.text-label{font-size:var(--font-size-xs);line-height:1.5;color:var(--ui-text-secondary)}.text-body{color:var(--ui-text-muted)}.text-body,.text-body-primary{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0}.text-body-primary{color:var(--ui-text-primary)}.text-body-medium{font-size:var(--font-size-base);line-height:1.5}.text-body-medium,.text-small{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);letter-spacing:0;color:var(--ui-text-primary)}.text-small,.text-small-muted{font-size:var(--font-size-sm);line-height:1.2}.text-small-muted{font-weight:var(--font-weight-normal);color:var(--ui-text-muted)}.text-caption,.text-small-muted{font-family:var(--font-family-base);letter-spacing:0}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:1.5;color:var(--ui-text-secondary)}.text-form-label{font-family:var(--font-family-base);font-size:13px;font-weight:var(--font-weight-normal);line-height:1.35;letter-spacing:0;color:var(--ui-text-primary)}.text-form-value{text-align:right;color:var(--ui-text-muted)}.text-form-value,.text-nav{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0}.text-nav{color:var(--nav-item-color)}.text-nav-active{font-size:var(--font-size-base);line-height:1.5;color:var(--nav-item-color-active)}.text-badge,.text-nav-active{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);letter-spacing:0}.text-badge{font-size:var(--font-size-sm);line-height:1.2}.text-btn-uppercase{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.text-btn,.text-btn-uppercase{font-family:var(--font-family-base)}.text-btn{font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0}.text-primary{color:var(--ui-text-primary)}.text-secondary{color:var(--ui-text-secondary)}.text-tertiary{color:var(--ui-text-tertiary)}.text-muted{color:var(--ui-text-muted)}.text-subtle{color:var(--ui-text-subtle)}.text-inverse{color:var(--text-inverse)}.text-destructive{color:var(--interactive-destructive)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-page)}.dashboard-body{display:flex;flex:1;height:calc(100vh - var(--header-height))}.dashboard-sidebar{display:none;width:var(--sidebar-width);background:transparent;flex-shrink:0}@media (min-width:768px){.dashboard-sidebar{display:flex}}@media (max-width:767px){.dashboard-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:var(--z-dropdown);width:85vw;max-width:320px;transform:translateX(-100%);transition:transform var(--transition-slow);box-shadow:4px 0 24px rgba(0,0,0,.1)}.dashboard-sidebar.is-open{display:flex;transform:translateX(0)}}.sidebar-overlay{position:fixed;inset:0;z-index:var(--z-sticky);background:rgba(0,0,0,.5)}@media (min-width:768px){.sidebar-overlay{display:none}}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding:var(--space-6) var(--space-4)}@media (min-width:640px){.dashboard-main{padding:var(--space-8) var(--space-6)}}@media (min-width:1024px){.dashboard-main{padding:var(--space-10) var(--space-8)}}.dashboard-content{flex:1;width:100%}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.dashboard-header-section{text-align:center}.dashboard-controls{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-controls-left{width:100%}.dashboard-controls-right{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media (min-width:1024px){.dashboard-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-6)}.dashboard-controls-left{flex-shrink:0;width:auto}.dashboard-controls-right{flex-shrink:0;justify-content:flex-end}}.dashboard-productions{flex:1}.refetch-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-placeholder);margin-bottom:var(--space-4)}.refetch-spinner{width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--color-blue-500);border-radius:var(--radius-pill);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pagination-info{margin-top:var(--space-6);text-align:center;font-size:var(--font-size-base);color:var(--text-placeholder)}.dashboard-footer{width:100%;background:var(--bg-page);padding:var(--space-8) var(--space-4);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}@media (min-width:640px){.dashboard-footer{padding:var(--space-8) var(--space-6)}}@media (min-width:1024px){.dashboard-footer{padding:var(--space-8) var(--space-8)}}.footer-links{display:flex;flex-direction:column;gap:var(--space-1)}@media (min-width:768px){.footer-links{flex-direction:row;gap:var(--space-3)}}.footer-copyright,.footer-links a{font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-normal)}.footer-links a:hover{color:var(--text-primary)}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{color:var(--text-muted)}.footer-social a:hover{color:var(--text-primary)}.footer-social svg{width:20px;height:20px}.footer-cookie-settings{all:unset;font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-normal);cursor:pointer}.footer-cookie-settings:hover{color:var(--text-primary)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:var(--radius-pill)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1;white-space:nowrap;padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);border:none;cursor:pointer;transition:all var(--transition-base)}.btn:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--interactive-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--interactive-primary-hover)}.btn-primary:active:not(:disabled){background:var(--interactive-primary-active)}.btn-secondary{background:var(--bg-muted);color:var(--color-neutral-800)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-secondary:active:not(:disabled){background:var(--color-neutral-300)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--bg-hover)}.btn-outline{background:var(--bg-surface);color:var(--color-neutral-800);border:1px solid var(--border-default)}.btn-outline:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--border-dark)}.btn-outline:active:not(:disabled){background:var(--bg-muted)}.btn-destructive{background:transparent;color:var(--interactive-destructive)}.btn-destructive:hover:not(:disabled){background:var(--color-destructive-50);color:var(--interactive-destructive-hover)}.btn-destructive-solid{background:var(--interactive-destructive);color:var(--text-inverse)}.btn-destructive-solid:hover:not(:disabled){background:var(--interactive-destructive-hover)}.btn-sm{font-size:var(--font-size-sm);padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);gap:6px}.btn-sm svg{width:14px;height:14px}.btn-lg{font-size:var(--font-size-md);padding:var(--btn-padding-y-lg) var(--btn-padding-x-lg);gap:10px}.btn-lg svg{width:20px;height:20px}.btn-icon{padding:10px;background:transparent;color:var(--text-muted)}.btn-icon:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-icon svg{width:20px;height:20px}.btn-pill{background:transparent;color:var(--color-neutral-800);border:1px solid var(--border-default);border-radius:var(--btn-radius-pill);padding:10px var(--space-4);font-size:var(--font-size-sm)}.btn-pill:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--border-dark)}.btn-full{width:100%}.action-button{display:flex;justify-content:center;align-items:center;margin:15px;padding:10px 20px;border-radius:var(--radius-md);transition:all var(--transition-base)}.action-button.large{padding:20px 60px}.action-button.w-full{margin-left:0;margin-right:0}.action-button.small{width:50px;height:50px;padding:5px;margin:5px}.button-primary,.button-secondary{padding:10px 24px;border-radius:var(--radius-pill);border:none;outline:none;cursor:pointer}.close-detail{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:10px 5px;border-radius:var(--radius-sm)}.card{display:flex;flex-direction:column}.card-image{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--card-radius);background:var(--bg-muted)}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.card-content{padding-top:var(--space-3)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-light);color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta,.card-title{font-family:var(--font-family-base)}.card-meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1);display:flex;align-items:center}.card-interactive{cursor:pointer;transition:transform var(--transition-base)}.card-interactive:hover{transform:translateY(-4px)}.card-interactive:hover .card-image img{transform:scale(1.03)}.card-interactive:hover .card-title{color:var(--text-secondary)}.card-interactive:focus-visible{outline:none}.card-interactive:focus-visible .card-image{outline:2px solid var(--interactive-primary);outline-offset:2px}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.card-grid{gap:var(--space-5)}.card-image{aspect-ratio:3/2}}.card-promo{background:var(--bg-muted);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-4)}.card-promo-title{font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--text-primary);text-align:center;line-height:var(--line-height-snug)}.card-promo-description{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.card-promo-action{margin-top:auto}.image-overlay{position:relative}.image-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent);pointer-events:none;border-radius:0 0 var(--card-radius) var(--card-radius)}