.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--header-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@supports (padding: env(safe-area-inset-top)){.header{padding-top:env(safe-area-inset-top);height:calc(var(--header-height) + env(safe-area-inset-top))}}.header__container{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding)}.header__left,.header__right{display:flex;align-items:center;gap:var(--space-2);min-width:44px}.header__back-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-12px;padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-primary-600);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.header__back-button svg{width:24px;height:24px}.header__back-button:hover{background-color:var(--bg-subtle)}.header__back-button:active{transform:scale(.92);background-color:var(--bg-muted)}@keyframes backButtonPulse{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.header__back-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-color-scheme: dark){.header__back-button{color:var(--color-primary-400)}}.header__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:stretch;height:var(--nav-height);background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@supports (padding: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--nav-height) + env(safe-area-inset-bottom))}}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1) var(--space-2);border:none;background:none;cursor:pointer;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.bottom-nav__item:active{transform:scale(.95)}.bottom-nav__item--active{color:var(--interactive-primary)}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.bottom-nav__icon svg{width:22px;height:22px}.bottom-nav__label{font-size:10px;font-weight:var(--weight-medium);line-height:1}.app-layout{display:flex;flex-direction:column;min-height:100%;background-color:var(--bg-app)}.app-layout__main{flex:1;display:flex;flex-direction:column;padding-top:var(--header-height);padding-bottom:var(--nav-height)}.app-layout__content{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--content-padding);animation:fadeInUp var(--duration-normal) var(--ease-out)}@supports (padding: env(safe-area-inset-top)){.app-layout__main{padding-top:calc(var(--header-height) + env(safe-area-inset-top));padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}}.container{width:100%;margin:0 auto}.container--padded{padding-left:var(--content-padding);padding-right:var(--content-padding)}.container--sm{max-width:480px}.container--md{max-width:var(--max-width)}.container--lg{max-width:800px}.container--full{max-width:none}.stack{display:flex}.stack--vertical{flex-direction:column}.stack--horizontal{flex-direction:row}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.toast-container{position:fixed;bottom:calc(var(--space-4) + var(--safe-area-bottom));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:calc(100vw - var(--space-8));width:400px}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--bg-surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toastEnter var(--duration-normal) var(--ease-out)}.toast--exiting{animation:toastExit var(--duration-fast) var(--ease-in) forwards}@keyframes toastEnter{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.95)}}.toast__icon{flex-shrink:0;width:20px;height:20px}.toast__icon svg{width:100%;height:100%}.toast--success .toast__icon{color:var(--color-success-500)}.toast--error .toast__icon{color:var(--color-error-500)}.toast--warning .toast__icon{color:var(--color-warning-500)}.toast--info .toast__icon{color:var(--color-primary-500)}.toast__message{flex:1;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-normal)}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.toast__close:hover{background-color:var(--interactive-subtle);color:var(--text-primary)}.toast__close svg{width:16px;height:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#00000080;animation:overlayFadeIn var(--duration-normal) var(--ease-out)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;z-index:var(--z-modal);width:100%;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;background-color:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:modalSlideIn var(--duration-normal) var(--ease-out);overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--sm{max-width:360px}.modal--md{max-width:480px}.modal--lg{max-width:640px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.modal__close:hover{background-color:var(--interactive-subtle);color:var(--text-primary)}.modal__close svg{width:20px;height:20px}.modal__body{flex:1;padding:var(--space-5);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-surface-hover) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{width:100%;height:1em;border-radius:var(--radius-sm)}.skeleton--rectangular{width:100%;height:100px;border-radius:var(--radius-md)}.skeleton--circular{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-group{display:flex;flex-direction:column}.loader{display:inline-flex;align-items:center;justify-content:center}.loader svg{animation:spin .8s linear infinite}.loader--sm svg{width:16px;height:16px}.loader--md svg{width:24px;height:24px}.loader--lg svg{width:40px;height:40px}.loader--primary{color:var(--interactive-primary)}.loader--secondary{color:var(--text-tertiary)}.loader--white{color:#fff}.full-page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:200px;padding:var(--space-8)}.full-page-loader__message{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.inline-loader{display:inline-flex;align-items:center;gap:var(--space-2)}.inline-loader__text{font-size:var(--text-sm);color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge--sm{padding:2px var(--space-2);font-size:var(--text-xs)}.badge--md{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.badge--default{background-color:var(--bg-muted);color:var(--text-secondary)}.badge--success{background-color:var(--color-success-50);color:var(--color-success-600)}.badge--warning{background-color:var(--color-warning-50);color:var(--color-warning-600)}.badge--error{background-color:var(--color-error-50);color:var(--color-error-600)}.badge--info{background-color:var(--color-primary-50);color:var(--color-primary-600)}@media (prefers-color-scheme: dark){.badge--success{background-color:#22c55e26;color:var(--color-success-500)}.badge--warning{background-color:#f59e0b26;color:var(--color-warning-500)}.badge--error{background-color:#ef444426;color:var(--color-error-500)}.badge--info{background-color:#3b82f626;color:var(--color-primary-400)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);min-height:200px}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);color:var(--text-muted)}.empty-state__icon svg{width:48px;height:48px}.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.empty-state__description{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;max-width:320px}.empty-state__action{margin-top:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--weight-medium);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn--primary{background-color:var(--interactive-primary);color:var(--text-inverted);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background-color:var(--interactive-primary-hover);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){background-color:var(--interactive-primary-active);box-shadow:var(--shadow-xs)}.btn--secondary{background-color:var(--interactive-subtle);color:var(--text-primary);border:1px solid var(--border-default)}.btn--secondary:hover:not(:disabled){background-color:var(--interactive-subtle-hover);border-color:var(--border-strong)}.btn--secondary:active:not(:disabled){background-color:var(--bg-surface-active)}.btn--ghost{background-color:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background-color:var(--interactive-subtle);color:var(--text-primary)}.btn--ghost:active:not(:disabled){background-color:var(--interactive-subtle-hover)}.btn--danger{background-color:var(--color-error-500);color:#fff}.btn--danger:hover:not(:disabled){background-color:var(--color-error-600)}.btn--danger:active:not(:disabled){background-color:#b91c1c}.btn--full-width{width:100%}.btn--icon-only{padding:0}.btn--icon-only.btn--sm{width:32px}.btn--icon-only.btn--md{width:40px}.btn--icon-only.btn--lg{width:48px}.btn__text{display:inline-block}.btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon svg{width:1em;height:1em}.btn__icon--left{margin-right:var(--space-1)}.btn__icon--right{margin-left:var(--space-1)}.btn--loading{pointer-events:none;position:relative}.btn--loading .btn__text,.btn--loading .btn__icon{opacity:0}.btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.btn__spinner svg{width:20px;height:20px;animation:spin .8s linear infinite}.btn--sm .btn__spinner svg{width:16px;height:16px}.btn--lg .btn__spinner svg{width:24px;height:24px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.icon-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{cursor:not-allowed;opacity:.4}.icon-btn--sm{width:28px;height:28px}.icon-btn--sm svg{width:16px;height:16px}.icon-btn--md{width:36px;height:36px}.icon-btn--md svg{width:20px;height:20px}.icon-btn--lg{width:44px;height:44px}.icon-btn--lg svg{width:24px;height:24px}.icon-btn--default{background-color:var(--interactive-subtle);color:var(--text-secondary)}.icon-btn--default:hover:not(:disabled){background-color:var(--interactive-subtle-hover);color:var(--text-primary)}.icon-btn--ghost{background-color:transparent;color:var(--text-tertiary)}.icon-btn--ghost:hover:not(:disabled){background-color:var(--interactive-subtle);color:var(--text-primary)}.icon-btn--danger{background-color:transparent;color:var(--text-tertiary)}.icon-btn--danger:hover:not(:disabled){background-color:var(--color-error-50);color:var(--color-error-500)}.error-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);animation:slideDown var(--duration-normal) var(--ease-out)}.error-banner--error{background-color:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-700)}.error-banner--warning{background-color:var(--color-warning-50);border:1px solid var(--color-warning-200);color:var(--color-warning-700)}.error-banner__content{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.error-banner__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.error-banner--error .error-banner__icon{color:var(--color-error-500)}.error-banner--warning .error-banner__icon{color:var(--color-warning-500)}.error-banner__text{flex:1;min-width:0}.error-banner__message{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.error-banner__details{margin:var(--space-2) 0 0;padding:0 0 0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);animation:fadeIn var(--duration-fast) var(--ease-out)}.error-banner__details li{margin-bottom:var(--space-1)}.error-banner__details li:last-child{margin-bottom:0}.error-banner__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.error-banner__toggle{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:inherit;background:transparent;border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;opacity:.7;transition:opacity var(--duration-fast) var(--ease-out)}.error-banner__toggle:hover{opacity:1}.error-banner__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast) var(--ease-out)}.error-banner__close:hover{opacity:1}.error-banner__close svg{width:16px;height:16px}@media (prefers-color-scheme: dark){.error-banner--error{background-color:color-mix(in srgb,var(--color-error-900) 30%,transparent);border-color:var(--color-error-700);color:var(--color-error-200)}.error-banner--warning{background-color:color-mix(in srgb,var(--color-warning-900) 30%,transparent);border-color:var(--color-warning-700);color:var(--color-warning-200)}.error-banner--error .error-banner__icon{color:var(--color-error-400)}.error-banner--warning .error-banner__icon{color:var(--color-warning-400)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-modal__content{display:flex;flex-direction:column;gap:var(--space-4)}.error-modal__message{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.error-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.error-modal__item{margin:0}.error-modal__error{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);background-color:var(--bg-subtle);border:1px solid transparent;border-radius:var(--radius-md);text-align:left;cursor:default;transition:all var(--duration-fast) var(--ease-out)}.error-modal__error--clickable{cursor:pointer}.error-modal__error--clickable:hover{background-color:var(--color-error-50);border-color:var(--color-error-200)}.error-modal__error--clickable:active{transform:scale(.99)}.error-modal__error-icon{flex-shrink:0;width:18px;height:18px;color:var(--color-error-500);margin-top:1px}.error-modal__error-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.error-modal__error-message{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-normal)}.error-modal__error-field{font-size:var(--text-xs);color:var(--text-tertiary)}.error-modal__error-arrow{flex-shrink:0;width:16px;height:16px;color:var(--text-muted);align-self:center;opacity:0;transform:translate(-4px);transition:all var(--duration-fast) var(--ease-out)}.error-modal__error--clickable:hover .error-modal__error-arrow{opacity:1;transform:translate(0)}.error-modal__footer{padding-top:var(--space-2)}@media (prefers-color-scheme: dark){.error-modal__error--clickable:hover{background-color:color-mix(in srgb,var(--color-error-900) 30%,transparent);border-color:var(--color-error-700)}.error-modal__error-icon{color:var(--color-error-400)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.input-wrapper--full{width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input{width:100%;height:40px;padding:0 var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}@media (prefers-color-scheme: dark){.input:focus{box-shadow:0 0 0 3px #3b82f633}}.input:disabled{background-color:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.input--error{border-color:var(--color-error-500)}.input--error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-50)}.input-error{font-size:var(--text-sm);color:var(--color-error-500)}.input-hint{font-size:var(--text-sm);color:var(--text-tertiary)}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.textarea-wrapper--full{width:100%}.textarea-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.textarea{width:100%;min-height:100px;padding:var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.textarea::placeholder{color:var(--text-muted)}.textarea:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}@media (prefers-color-scheme: dark){.textarea:focus{box-shadow:0 0 0 3px #3b82f633}}.textarea:disabled{background-color:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.textarea--error{border-color:var(--color-error-500)}.textarea--error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-50)}.textarea-error{font-size:var(--text-sm);color:var(--color-error-500)}.textarea-hint{font-size:var(--text-sm);color:var(--text-tertiary)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.select-wrapper--full{width:100%}.select-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.select-container{position:relative}.select{width:100%;height:40px;padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.select:hover:not(:disabled){border-color:var(--border-strong)}.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}@media (prefers-color-scheme: dark){.select:focus{box-shadow:0 0 0 3px #3b82f633}}.select:disabled{background-color:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.select--error{border-color:var(--color-error-500)}.select-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-tertiary)}.select-error{font-size:var(--text-sm);color:var(--color-error-500)}.select-hint{font-size:var(--text-sm);color:var(--text-tertiary)}.file-drop-scanner{width:100%}.file-drop-scanner__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);min-height:280px;background-color:var(--bg-surface);border:2px dashed var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-default),background-color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.file-drop-scanner__zone:hover:not(.file-drop-scanner__zone--disabled):not(.file-drop-scanner__zone--loading){border-color:var(--interactive-primary);background-color:var(--color-primary-50)}@media (prefers-color-scheme: dark){.file-drop-scanner__zone:hover:not(.file-drop-scanner__zone--disabled):not(.file-drop-scanner__zone--loading){background-color:#3b82f614}}.file-drop-scanner__zone:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.file-drop-scanner__zone:active:not(.file-drop-scanner__zone--disabled):not(.file-drop-scanner__zone--loading){transform:scale(.99)}.file-drop-scanner__zone--dragging{border-color:var(--interactive-primary);border-style:solid;background-color:var(--color-primary-50);transform:scale(1.01)}@media (prefers-color-scheme: dark){.file-drop-scanner__zone--dragging{background-color:#3b82f61f}}.file-drop-scanner__zone--loading{cursor:default}.file-drop-scanner__zone--disabled{opacity:.5;cursor:not-allowed}.file-drop-scanner__input{display:none}.file-drop-scanner__icon{width:64px;height:64px;color:var(--text-muted);transition:color var(--duration-normal) var(--ease-default)}.file-drop-scanner__zone:hover:not(.file-drop-scanner__zone--disabled) .file-drop-scanner__icon,.file-drop-scanner__zone--dragging .file-drop-scanner__icon{color:var(--interactive-primary)}.file-drop-scanner__icon svg{width:100%;height:100%}.file-drop-scanner__content{text-align:center}.file-drop-scanner__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.file-drop-scanner__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;max-width:280px}.file-drop-scanner__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.file-drop-scanner__loading-text{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);margin:0}.file-drop-scanner__error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background-color:var(--color-error-50);border-radius:var(--radius-md);color:var(--color-error-600);font-size:var(--text-sm);animation:fadeInUp var(--duration-normal) var(--ease-out)}@media (prefers-color-scheme: dark){.file-drop-scanner__error{background-color:#ef444426;color:var(--color-error-500)}}.file-drop-scanner__error-icon{width:16px;height:16px;flex-shrink:0}.file-drop-scanner__formats{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-3) 0 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden}.card--default{border:1px solid var(--border-subtle)}.card--elevated{box-shadow:var(--shadow-md)}.card--outlined{border:1px solid var(--border-default)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-4)}.card--padding-lg{padding:var(--space-6)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.card-header__content{flex:1;min-width:0}.card-header__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.card-header__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.card-header__action{flex-shrink:0}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--border-subtle)}.panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.panel-section{padding:var(--space-4)}.panel-section:not(:last-child){border-bottom:1px solid var(--border-subtle)}.panel-section__header{margin-bottom:var(--space-3)}.panel-section__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.panel-section__description{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.upload-page{animation:fadeInUp var(--duration-normal) var(--ease-out)}.upload-page__hero{text-align:center;padding:var(--space-4) 0}.upload-page__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.upload-page__subtitle{font-size:var(--text-base);color:var(--text-tertiary);max-width:320px;margin:0 auto}.upload-page__features{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-2) 0}.upload-page__feature{display:flex;align-items:center;gap:var(--space-2)}.upload-page__feature-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--interactive-primary)}.upload-page__feature-icon svg{width:20px;height:20px}.upload-page__feature-text{display:flex;flex-direction:column}.upload-page__feature-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.upload-page__feature-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.upload-page__recent{padding:var(--space-2) 0}.upload-page__recent-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);margin:0 0 var(--space-3)}.upload-page__recent-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.upload-page__recent-name{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.upload-page__features{flex-direction:column;gap:var(--space-3)}}.edit-page{animation:fadeInUp var(--duration-normal) var(--ease-out);padding-bottom:var(--space-4)}.edit-page__header-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 480px){.edit-page__header-grid{grid-template-columns:1fr}}.edit-page__section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);background:none;border:none;cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-default)}.edit-page__section-toggle:hover{background-color:var(--bg-surface-hover)}.edit-page__section-toggle.active{border-bottom:1px solid var(--border-subtle)}.edit-page__section-header{display:flex;flex-direction:column;gap:2px}.edit-page__section-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.edit-page__section-value{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary)}.edit-page__chevron{width:20px;height:20px;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-default)}.edit-page__section-toggle.active .edit-page__chevron{transform:rotate(180deg)}.edit-page__section-content{padding:var(--space-4);background-color:var(--bg-subtle);animation:fadeIn var(--duration-fast) var(--ease-out)}.edit-page__lines{display:flex;flex-direction:column;gap:var(--space-4)}.edit-page__line{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--bg-subtle);border-radius:var(--radius-md)}.edit-page__line-header{display:flex;align-items:center;justify-content:space-between}.edit-page__line-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width: 480px){.edit-page__line-numbers{grid-template-columns:1fr 1fr}.edit-page__line-numbers>*:first-child{grid-column:span 2}}.edit-page__line-total{text-align:right;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.edit-page__totals{margin-bottom:var(--space-4)}.edit-page__total-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.edit-page__total-row--main{padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border-default);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.export-page{animation:fadeInUp var(--duration-normal) var(--ease-out);min-height:400px;display:flex;flex-direction:column}.export-page__preview-icon{width:80px;height:80px;color:var(--text-muted)}.export-page__preview-icon svg{width:100%;height:100%}.export-page__preview-info{text-align:center}.export-page__preview-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.export-page__preview-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.export-page__preview-details{width:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--bg-subtle);border-radius:var(--radius-md)}.export-page__detail{display:flex;justify-content:space-between;align-items:center}.export-page__detail-label{font-size:var(--text-sm);color:var(--text-tertiary)}.export-page__detail-value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.export-page__detail-value--highlight{font-size:var(--text-base);color:var(--interactive-primary)}.export-page__success-card{text-align:center}.export-page__success-icon{width:64px;height:64px}.export-page__success-icon svg{width:100%;height:100%}.export-page__success-text{text-align:center}.export-page__success-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.export-page__success-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.export-page__file-info{display:flex;align-items:center;gap:var(--space-3)}.export-page__file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-50);border-radius:var(--radius-md);color:var(--interactive-primary)}@media (prefers-color-scheme: dark){.export-page__file-icon{background-color:#3b82f626}}.export-page__file-icon svg{width:24px;height:24px}.export-page__file-details{flex:1;display:flex;flex-direction:column;gap:2px}.export-page__file-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.export-page__file-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.chorus-page{animation:fadeInUp var(--duration-normal) var(--ease-out)}.chorus-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:200px}.chorus-page__loading p{font-size:var(--text-sm);color:var(--text-tertiary)}.chorus-page__config{display:flex;align-items:center;justify-content:space-between}.chorus-page__config-status{display:flex;align-items:center;gap:var(--space-3)}.chorus-page__config-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-error-500)}.chorus-page__config-dot--active{background-color:var(--color-success-500)}.chorus-page__config-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-right:var(--space-2)}.chorus-page__invoice-preview{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-md)}.chorus-page__invoice-detail{display:flex;justify-content:space-between;font-size:var(--text-sm)}.chorus-page__invoice-detail span:first-child{color:var(--text-tertiary)}.chorus-page__invoice-detail span:last-child{font-weight:var(--weight-medium);color:var(--text-primary)}.chorus-page__status-result{padding:var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-md);animation:fadeIn var(--duration-normal) var(--ease-out)}.chorus-page__status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.chorus-page__status-date{font-size:var(--text-xs);color:var(--text-tertiary)}.chorus-page__status-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.chorus-page__timeline{display:flex;flex-direction:column;gap:var(--space-3)}.chorus-page__timeline-item{display:flex;align-items:flex-start;gap:var(--space-3);padding-left:var(--space-2);position:relative}.chorus-page__timeline-item:before{content:"";position:absolute;left:6px;top:16px;bottom:-16px;width:2px;background-color:var(--border-default)}.chorus-page__timeline-item:last-child:before{display:none}.chorus-page__timeline-dot{width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--border-default);flex-shrink:0;margin-top:4px}.chorus-page__timeline-item--complete .chorus-page__timeline-dot{background-color:var(--color-success-500)}.chorus-page__timeline-content{display:flex;flex-direction:column;gap:2px}.chorus-page__timeline-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.chorus-page__timeline-id{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.chorus-page__validation-status{display:flex;flex-direction:column;gap:var(--space-2)}.chorus-page__validation-status p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.chorus-page__validation-list{padding:var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-md)}.chorus-page__validation-list h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.chorus-page__validation-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.chorus-page__validation-list li{font-size:var(--text-sm);padding-left:var(--space-4);position:relative}.chorus-page__validation-list li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:var(--radius-full)}.chorus-page__validation-error{color:var(--color-error-600)}.chorus-page__validation-error:before{background-color:var(--color-error-500)}.chorus-page__validation-warning{color:var(--color-warning-600)}.chorus-page__validation-warning:before{background-color:var(--color-warning-500)}.settings-page{animation:fadeInUp var(--duration-normal) var(--ease-out)}.settings-page__loading,.settings-page__error{font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-2) 0}.settings-page__error{color:var(--color-error-500)}.settings-page__ocr{display:flex;flex-direction:column;gap:var(--space-4)}.settings-page__ocr-current{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-md)}.settings-page__ocr-label{font-size:var(--text-sm);color:var(--text-secondary)}.settings-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.settings-page__stat{display:flex;flex-direction:column;gap:var(--space-1)}.settings-page__stat-label{font-size:var(--text-xs);color:var(--text-tertiary)}.settings-page__data-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-page__data-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.settings-page__data-desc{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.settings-page__about{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.settings-page__about-logo{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--bg-subtle);border-radius:var(--radius-lg);color:var(--interactive-primary)}.settings-page__about-logo svg{width:32px;height:32px}.settings-page__about-info{flex:1}.settings-page__about-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.settings-page__about-version{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 var(--space-2)}.settings-page__about-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.settings-page__features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-md)}.settings-page__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.settings-page__feature svg{width:14px;height:14px;color:var(--color-success-500);flex-shrink:0}@media (max-width: 480px){.settings-page__features{grid-template-columns:1fr}}.search-bar{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}.search-bar__main{display:flex;gap:var(--spacing-2);align-items:flex-start}.search-bar__filters{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-4)}@media (prefers-color-scheme: dark){.search-bar__filters{background:var(--color-gray-900);border-color:var(--color-gray-700)}}.search-bar__filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.search-bar__filters-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}@media (prefers-color-scheme: dark){.search-bar__filters-header h4{color:var(--color-gray-50)}}.search-bar__filters-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 768px){.search-bar__filters-grid{grid-template-columns:repeat(2,1fr)}}.search-bar__filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.search-bar__filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}@media (prefers-color-scheme: dark){.search-bar__filter-group label{color:var(--color-gray-300)}}.search-bar__filter-row{display:flex;gap:var(--spacing-2)}.search-bar__select{width:100%;height:40px;padding:0 var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-gray-900);font-size:var(--font-size-base);font-family:inherit;transition:all .18s ease}.search-bar__select:focus{outline:2px solid var(--color-primary-500);outline-offset:-1px}@media (prefers-color-scheme: dark){.search-bar__select{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-50)}}.search-bar__checkboxes{display:flex;flex-direction:column;gap:var(--spacing-2)}.search-bar__checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;-webkit-user-select:none;user-select:none}.search-bar__checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.search-bar__checkbox-label:hover{color:var(--color-gray-900)}@media (prefers-color-scheme: dark){.search-bar__checkbox-label{color:var(--color-gray-300)}.search-bar__checkbox-label:hover{color:var(--color-gray-50)}}.invoice-list-item{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .18s ease}.invoice-list-item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}@media (prefers-color-scheme: dark){.invoice-list-item{background:var(--color-gray-800);border-color:var(--color-gray-700)}.invoice-list-item:hover{border-color:var(--color-primary-600)}}.invoice-list-item__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}.invoice-list-item__title{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.invoice-list-item__number{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}@media (prefers-color-scheme: dark){.invoice-list-item__number{color:var(--color-gray-50)}}.invoice-list-item__date{font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap}@media (prefers-color-scheme: dark){.invoice-list-item__date{color:var(--color-gray-400)}}.invoice-list-item__content{display:flex;flex-direction:column;gap:var(--spacing-3)}.invoice-list-item__parties{display:flex;flex-direction:column;gap:var(--spacing-1)}.invoice-list-item__party{display:flex;align-items:baseline;gap:var(--spacing-1);font-size:var(--font-size-sm)}.invoice-list-item__party-label{color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.invoice-list-item__party-name{color:var(--color-gray-900)}@media (prefers-color-scheme: dark){.invoice-list-item__party-label{color:var(--color-gray-400)}.invoice-list-item__party-name{color:var(--color-gray-200)}}.invoice-list-item__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-gray-100)}@media (prefers-color-scheme: dark){.invoice-list-item__footer{border-top-color:var(--color-gray-700)}}.invoice-list-item__amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}@media (prefers-color-scheme: dark){.invoice-list-item__amount{color:var(--color-primary-400)}}.invoice-list-item__actions{display:flex;gap:var(--spacing-1)}.invoice-list-item__category{display:flex;gap:var(--spacing-2)}@media (max-width: 640px){.invoice-list-item__header{flex-direction:column;gap:var(--spacing-1)}.invoice-list-item__footer{flex-direction:column;align-items:stretch}.invoice-list-item__amount{text-align:center}.invoice-list-item__actions{justify-content:center}}.historique-page{padding:var(--spacing-4);max-width:800px;margin:0 auto}.historique-page__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);padding-left:var(--spacing-2)}@media (prefers-color-scheme: dark){.historique-page__count{color:var(--color-gray-400)}}.historique-page__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.invoice-view{display:flex;flex-direction:column;gap:var(--spacing-4)}.invoice-view__section{padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.invoice-view__section h3{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.invoice-view__section p{margin:var(--spacing-1) 0;font-size:var(--font-size-sm);color:var(--color-gray-700)}@media (prefers-color-scheme: dark){.invoice-view__section{background:var(--color-gray-800)}.invoice-view__section h3{color:var(--color-gray-50)}.invoice-view__section p{color:var(--color-gray-300)}}:root{--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-gray-950: #0a0a0a;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--bg-app: var(--color-gray-50);--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-surface-hover: var(--color-gray-100);--bg-surface-active: var(--color-gray-200);--bg-muted: var(--color-gray-100);--bg-subtle: var(--color-gray-50);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-muted: var(--color-gray-400);--text-inverted: #ffffff;--border-default: var(--color-gray-200);--border-subtle: var(--color-gray-100);--border-strong: var(--color-gray-300);--border-focus: var(--color-primary-500);--interactive-primary: var(--color-primary-500);--interactive-primary-hover: var(--color-primary-600);--interactive-primary-active: var(--color-primary-700);--interactive-subtle: var(--color-gray-100);--interactive-subtle-hover: var(--color-gray-200);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--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;--space-20: 80px;--space-24: 96px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, "Cascadia Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .28s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--header-height: 56px;--nav-height: 56px;--max-width: 640px;--content-padding: var(--space-4)}@media (prefers-color-scheme: dark){:root{--bg-app: var(--color-gray-950);--bg-surface: var(--color-gray-900);--bg-surface-elevated: var(--color-gray-800);--bg-surface-hover: var(--color-gray-800);--bg-surface-active: var(--color-gray-700);--bg-muted: var(--color-gray-800);--bg-subtle: var(--color-gray-900);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-400);--text-tertiary: var(--color-gray-500);--text-muted: var(--color-gray-600);--text-inverted: var(--color-gray-900);--border-default: var(--color-gray-800);--border-subtle: var(--color-gray-900);--border-strong: var(--color-gray-700);--interactive-primary: var(--color-primary-400);--interactive-primary-hover: var(--color-primary-300);--interactive-primary-active: var(--color-primary-500);--interactive-subtle: var(--color-gray-800);--interactive-subtle-hover: var(--color-gray-700);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-app);overflow-x:hidden;overscroll-behavior:none}body{overscroll-behavior-y:contain}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl);letter-spacing:-.025em}h2{font-size:var(--text-2xl);letter-spacing:-.02em}h3{font-size:var(--text-xl);letter-spacing:-.015em}h4{font-size:var(--text-lg)}p{color:var(--text-secondary)}small{font-size:var(--text-sm);color:var(--text-tertiary)}a{color:var(--interactive-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--interactive-primary-hover)}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;border:none;outline:none;background:none;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb{background:var(--color-gray-700)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-600)}}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}@media (prefers-color-scheme: dark){::selection{background:var(--color-primary-800);color:var(--color-primary-100)}}img,svg{display:block;max-width:100%;height:auto}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-scroll{overflow:hidden}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-8px);transition:opacity var(--duration-fast) var(--ease-in),transform var(--duration-fast) var(--ease-in)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (padding: env(safe-area-inset-top)){.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}}