.alert{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid}.alert--warning{background-color:var(--color-warning-100);border-color:var(--color-warning-500);color:var(--color-warning-900)}[data-theme=dark] .alert--warning{background-color:#f59e0b1a;color:var(--color-warning-200)}.alert--warning{background-color:#fffbeb;border-left-color:var(--color-warning);color:#92400e}[data-theme=dark] .alert--warning{background-color:#f59e0b1a;color:#fcd34d}.alert--info{background-color:var(--color-primary-50);border-left-color:var(--color-primary-500);color:var(--color-primary-800)}[data-theme=dark] .alert--info{background-color:var(--color-primary-50);color:var(--color-primary-300)}.alert--success{background-color:#f0fdf4;border-left-color:var(--color-success);color:#166534}[data-theme=dark] .alert--success{background-color:#10b9811a;color:#6ee7b7}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:500px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);border-left:4px solid;animation:slideInRight var(--transition-base);transition:background-color var(--transition-base),border-color var(--transition-base)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast__content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.toast__message{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.toast__close{flex-shrink:0;background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.toast__close:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.toast--success{border-left-color:var(--color-success)}.toast--success .toast__message{color:var(--color-text-primary)}[data-theme=light] .toast--success{background-color:#f0fdf4;border-color:#86efac}[data-theme=dark] .toast--success{background-color:#10b98126;border-color:#10b9814d}.toast--error{border-left-color:var(--color-error)}.toast--error .toast__message{color:var(--color-text-primary)}[data-theme=light] .toast--error{background-color:#fef2f2;border-color:#fca5a5}[data-theme=dark] .toast--error{background-color:#ef444426;border-color:#ef44444d}.toast--warning{border-left-color:var(--color-warning)}.toast--warning .toast__message{color:var(--color-text-primary)}[data-theme=light] .toast--warning{background-color:#fffbeb;border-color:#fcd34d}[data-theme=dark] .toast--warning{background-color:#f59e0b26;border-color:#f59e0b4d}.toast--info{border-left-color:var(--color-info)}.toast--info .toast__message{color:var(--color-text-primary)}[data-theme=light] .toast--info{background-color:var(--color-primary-50);border-color:var(--color-primary-200)}[data-theme=dark] .toast--info{background-color:var(--color-primary-50);border-color:#8b72ea4d}@media (max-width: 640px){.toast-container{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm)}.toast{min-width:auto;width:100%}}.layout{display:flex;min-height:100vh;background-color:var(--color-surface)}.layout__main{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-xl) var(--spacing-2xl);min-height:100vh;background-color:var(--color-surface)}@media (max-width: 768px){.layout__main{margin-left:0;padding:var(--spacing-lg)}}.sidebar{width:var(--sidebar-width);background:var(--color-background);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100;transition:width var(--transition-base)}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__header{padding:0 var(--spacing-md);height:var(--header-height);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.sidebar--collapsed .sidebar__header{justify-content:center;padding:0}.sidebar__logo{width:24px;height:24px;border-radius:6px;object-fit:cover;flex-shrink:0;display:block}.sidebar__title{font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden}.sidebar__toggle{position:absolute;right:-11px;top:50px;width:22px;height:22px;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);color:var(--color-text-secondary);z-index:101;padding:0}.sidebar__toggle:hover{background:var(--color-hover);color:var(--color-text-primary)}[data-theme=dark] .sidebar__toggle{background:var(--color-background)}[data-theme=dark] .sidebar__toggle:hover{background:var(--color-hover)}.sidebar__nav{flex:1;padding:var(--spacing-sm) var(--spacing-sm);overflow-y:auto}.sidebar__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sidebar__nav-item{margin:0}.sidebar__nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px;color:var(--color-text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-lg);white-space:nowrap}.sidebar--collapsed .sidebar__nav-link{justify-content:center;padding:8px}.sidebar__nav-link:hover{background:var(--color-hover);color:var(--color-text-primary)}.sidebar__nav-link--active{background:var(--color-primary-50);color:var(--color-primary-700)}[data-theme=dark] .sidebar__nav-link--active{background:var(--color-primary-50);color:var(--color-primary-300)}.sidebar__nav-icon{flex-shrink:0;width:16px;height:16px;opacity:.9}.sidebar__nav-link span{overflow:hidden}.sidebar__footer{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar--collapsed .sidebar__footer{padding:var(--spacing-sm)}.sidebar__theme{transition:opacity .2s ease}.sidebar__version{font-size:11px;color:var(--color-text-tertiary);text-align:center;font-variant-numeric:tabular-nums}.sidebar__user{padding:0 4px}.sidebar__user-email{font-size:12px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-org{font-size:11px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:6px 8px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-secondary);font-size:12px;cursor:pointer}.sidebar__logout:hover{background:var(--color-hover);color:var(--color-text-primary)}.sidebar--collapsed .sidebar__logout{padding:8px}.header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-background);position:sticky;top:0;z-index:50;height:var(--header-height);min-height:var(--header-height);gap:var(--spacing-md)}.header__left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.header__right{display:flex;align-items:center;gap:var(--spacing-sm)}.project-switcher{position:relative;flex:1;max-width:280px}.project-switcher__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);gap:var(--spacing-sm);min-height:34px}.project-switcher__trigger:hover{background:var(--color-hover);border-color:var(--color-gray-300)}[data-theme=dark] .project-switcher__trigger:hover{background:var(--color-gray-200)}.project-switcher__current{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.project-switcher__icon{flex-shrink:0;color:var(--color-primary-500)}.project-switcher__info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.project-switcher__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.project-switcher__count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.project-switcher__chevron{flex-shrink:0;color:var(--color-text-secondary);transition:transform .2s ease}.project-switcher__chevron--open{transform:rotate(180deg)}.project-switcher__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:400px;overflow:auto;display:flex;flex-direction:column}[data-theme=dark] .project-switcher__dropdown{background:var(--color-surface);border-color:var(--color-gray-300)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.project-switcher__header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-gray-50)}[data-theme=dark] .project-switcher__header{background:var(--color-gray-100)}.project-switcher__list{overflow:auto;max-height:320px;padding:var(--spacing-xs) 0}.project-switcher__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;cursor:pointer;transition:background .15s ease;text-align:left}.project-switcher__item:hover{background:var(--color-gray-100)}[data-theme=dark] .project-switcher__item:hover{background:var(--color-gray-200)}.project-switcher__item--selected,[data-theme=dark] .project-switcher__item--selected{background:var(--color-primary-50)}.project-switcher__item-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.project-switcher__item-icon{flex-shrink:0;color:var(--color-text-secondary)}.project-switcher__item-info{display:flex;flex-direction:column;min-width:0}.project-switcher__item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-switcher__item-path{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:var(--font-family-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-switcher__check{flex-shrink:0;color:var(--color-primary-500)}.project-switcher__list::-webkit-scrollbar{width:6px}.project-switcher__list::-webkit-scrollbar-track{background:transparent}.project-switcher__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.project-switcher__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width: 768px){.project-switcher{max-width:200px}}.selected-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-success)}.selected-indicator__icon{flex-shrink:0}.selected-indicator__text{white-space:nowrap}.app{min-height:100vh;width:100%;background:var(--color-surface)}.main{display:flex;flex-direction:column;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;background:var(--color-surface);transition:margin-left var(--transition-base),width var(--transition-base)}.content{flex:1;width:100%;max-width:none;margin:0;padding:var(--spacing-xl) var(--spacing-2xl)}@media (max-width: 768px){.sidebar,.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__title,.sidebar__nav-link span,.sidebar__footer .sidebar__theme,.sidebar__version,.sidebar__toggle{display:none}.main{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.project-switcher{max-width:200px}}.help-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:520px;box-shadow:none}[data-theme=dark] .help-chip{background:var(--color-surface);border-color:var(--color-gray-300)}.help-chip__icon{line-height:1;opacity:.9}.help-chip__text{line-height:1.2}.help-chip__close{margin-left:6px;background:transparent;border:0;cursor:pointer;font-size:14px;line-height:1;color:var(--color-text-tertiary);padding:2px 4px;border-radius:4px}.help-chip__close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}[data-theme=dark] .help-chip__close:hover{background:var(--color-gray-200)}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:none;transition:border-color var(--transition-fast)}.card:hover{border-color:var(--color-gray-300)}.card--selected{border-color:var(--color-primary-300);background-color:var(--color-background)}.card__header{margin-bottom:var(--spacing-md)}.card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.card__footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.stat-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.stat-card__content{flex:1}.stat-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-card__icon{width:1.25rem;height:1.25rem}.stat-card__icon--blue,.stat-card__icon--purple{color:var(--color-primary-600)}.stat-card__icon--green{color:var(--color-success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;border:1px solid transparent;border-radius:var(--border-radius-lg);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);text-decoration:none;white-space:nowrap;height:32px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-700);border-color:var(--color-primary-700)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-800)}.btn--secondary{background-color:var(--color-background);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-hover);border-color:var(--color-gray-300)}[data-theme=dark] .btn--secondary:hover:not(:disabled){background-color:var(--color-hover);border-color:var(--color-gray-300);color:var(--color-text-primary)}.btn--danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn--danger:hover:not(:disabled){background-color:#d92d20}.btn--text{background-color:transparent;color:var(--color-text-primary);border-color:transparent;padding:4px 8px;height:auto}.btn--text:hover:not(:disabled){background-color:var(--color-hover);color:var(--color-primary-600)}[data-theme=dark] .btn--text:hover:not(:disabled){background-color:var(--color-hover);color:var(--color-primary-400)}.btn--sm,.btn--xs{padding:4px 8px;font-size:var(--font-size-xs);height:26px;gap:4px}.btn--icon{padding:6px;aspect-ratio:1;width:32px}.btn--full{width:100%}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.loading__spinner{width:2rem;height:2rem;border:3px solid var(--color-border);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .8s linear infinite}.loading__text{margin-left:var(--spacing-md);color:var(--color-text-secondary)}.error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-lg);padding:var(--spacing-md);color:#991b1b}[data-theme=dark] .error{background-color:#ef44441a;border-color:#ef44444d;color:#fca5a5}.error__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;padding:var(--spacing-2xl)}.empty-state__icon{width:3rem;height:3rem;margin:0 0 var(--spacing-md);color:var(--color-text-tertiary)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.empty-state__description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn var(--transition-base)}[data-theme=dark] .modal-overlay{background-color:#000000bf}.modal{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:540px;width:100%;max-height:90vh;overflow:auto;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}[data-theme=dark] .modal__header{background-color:var(--color-background)}.modal__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius-md);background-color:var(--color-primary-100);color:var(--color-primary-600);flex-shrink:0}[data-theme=dark] .modal__icon{background-color:var(--color-primary-50);color:var(--color-primary-400)}.modal__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.4}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--color-text-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.modal__close:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text-primary)}.modal__close:disabled{opacity:.5;cursor:not-allowed}.modal__body{padding:var(--spacing-lg);overflow:auto;flex:1 1 auto;min-height:0}.modal__footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;background-color:var(--color-surface);flex-shrink:0}[data-theme=dark] .modal__footer{background-color:var(--color-background)}.modal--danger .modal__icon{background-color:#ef44441a;color:var(--color-error)}.info-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--border-radius-md);margin-top:var(--spacing-md)}[data-theme=dark] .info-box{background-color:var(--color-primary-50);border-color:#8b72ea40}.info-box__icon{display:flex;align-items:flex-start;justify-content:center;color:var(--color-primary-600);flex-shrink:0;margin-top:2px}[data-theme=dark] .info-box__icon{color:var(--color-primary-400)}.info-box__content{flex:1;min-width:0}.info-box__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.info-box__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);line-height:1.5}.info-box__code{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-primary);word-break:break-all}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);accent-color:var(--color-primary-600)}.checkbox-input:hover{border-color:var(--color-primary-500)}.checkbox-input:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.modal{max-width:100%;max-height:100vh;overflow:auto;border-radius:0}.modal__body{padding:var(--spacing-lg)}.modal__footer{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column}.modal__footer .btn{width:100%}}.tab-group{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-surface);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl)}[data-theme=dark] .tab-group{background-color:#ffffff08}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:6px 10px;background:none;border:1px solid transparent;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-button:hover:not(:disabled):not(.tab-button--active){background-color:var(--color-gray-100);color:var(--color-text-primary)}.tab-button--active{background-color:var(--color-background);color:var(--color-primary-700);border:1px solid var(--color-primary-200);box-shadow:none}[data-theme=dark] .tab-button--active{background-color:var(--color-primary-50);color:var(--color-primary-300);border-color:var(--color-primary-400)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.file-upload-area{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.file-upload-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-primary-600);color:#fff;border:2px solid transparent;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.file-upload-button:hover:not(:disabled){background-color:var(--color-primary-700);box-shadow:none}.file-upload-button--secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.file-upload-button--secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-300)}[data-theme=dark] .file-upload-button--secondary{border-color:var(--color-gray-300)}[data-theme=dark] .file-upload-button--secondary:hover:not(:disabled){background-color:var(--color-gray-100)}.file-selection-info{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);margin-top:var(--spacing-sm)}[data-theme=dark] .file-selection-info{background-color:var(--color-primary-50);border-color:#8b72ea40}.upload-progress{margin-top:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);line-height:1.5}.form-input{width:100%;padding:6px 10px;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:all var(--transition-fast);outline:none}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:hover:not(:disabled){border-color:var(--color-gray-400)}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-ring)}[data-theme=dark] .form-input:focus{box-shadow:0 0 0 3px var(--color-primary-ring)}.form-input:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.6}[data-theme=dark] .form-input:disabled{background-color:var(--color-gray-100)}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-error);line-height:1.4}.form-success{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-success);line-height:1.4}textarea.form-input{min-height:100px;resize:vertical}select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--spacing-xl)}.form-input-group{position:relative}.form-input-group__icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.form-input-group .form-input{padding-left:var(--spacing-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-input-wrapper{position:relative}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}[data-theme=dark] .form-input--error:focus{box-shadow:0 0 0 3px #ef444426}.form-input--valid{border-color:var(--color-success)}.form-input--valid:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #10b9811a}[data-theme=dark] .form-input--valid:focus{box-shadow:0 0 0 3px #10b98126}.form-input-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);pointer-events:none}.form-input-icon--success{color:var(--color-success)}.form-input-icon--error{color:var(--color-error)}.form-input-wrapper input{padding-right:calc(var(--spacing-md) + 24px)}@media (max-width: 640px){.file-upload-area,.tab-group{flex-direction:column}}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3px 8px;border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;transition:all var(--transition-fast)}.badge--primary{background-color:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}[data-theme=dark] .badge--primary{background-color:var(--color-primary-50);color:var(--color-primary-300);border-color:#8b72ea4d}.badge--success{background-color:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200)}[data-theme=dark] .badge--success{background-color:#22c55e26;color:var(--color-success-400);border-color:#22c55e4d}.badge--warning{background-color:var(--color-warning-50);color:var(--color-warning-700);border:1px solid var(--color-warning-200)}[data-theme=dark] .badge--warning{background-color:#fbbf2426;color:var(--color-warning-400);border-color:#fbbf244d}.badge--gray{background-color:var(--color-gray-100);color:var(--color-text-secondary);border:1px solid var(--color-border)}[data-theme=dark] .badge--gray{background-color:#9ca3af26;color:var(--color-gray-400);border-color:#9ca3af4d}.class-badge{display:inline-flex;align-items:center;padding:3px 8px;background-color:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);white-space:nowrap;transition:all var(--transition-fast)}[data-theme=dark] .class-badge{background-color:var(--color-primary-50);color:var(--color-primary-300);border-color:#8b72ea4d}.class-badge:hover{background-color:var(--color-primary-100);border-color:var(--color-primary-300)}[data-theme=dark] .class-badge:hover{background-color:var(--color-primary-100);border-color:#8b72ea66}.theme-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);width:100%}.theme-toggle:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-text-primary)}.theme-toggle__icon{display:flex;align-items:center;justify-content:center}.theme-toggle__label{flex:1;text-align:left}.settings-container{max-width:900px;margin:0 auto}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl)}.settings-header__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.settings-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.settings-header__badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-700);white-space:nowrap}[data-theme=dark] .settings-header__badge{background-color:var(--color-primary-50);border-color:#8b72ea4d;color:var(--color-primary-300)}.settings-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:box-shadow var(--transition-fast)}.settings-section:hover{border-color:var(--color-gray-300)}.settings-section__header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.settings-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.settings-section__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}}.info-grid{display:grid;gap:var(--spacing-md)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}[data-theme=dark] .info-item{background-color:#ffffff05}.info-item__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.info-item__value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.settings-actions{position:sticky;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:none;margin-top:var(--spacing-xl)}[data-theme=dark] .settings-actions{background-color:var(--color-background);border-color:var(--color-border)}.settings-actions__indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-warning);font-weight:500}.settings-actions__buttons{display:flex;gap:var(--spacing-sm)}.settings-section select.form-input,.settings-section input.form-input{background-color:var(--color-background)}[data-theme=dark] .settings-section select.form-input,[data-theme=dark] .settings-section input.form-input{background-color:#ffffff0d}.settings-section select.form-input:hover:not(:disabled),.settings-section input.form-input:hover:not(:disabled){border-color:var(--color-primary-300)}@media (max-width: 640px){.settings-header{flex-direction:column;gap:var(--spacing-md)}.settings-header__badge{align-self:flex-start}.settings-section{padding:var(--spacing-lg)}.settings-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.settings-actions__buttons{width:100%}.settings-actions__buttons .btn{flex:1}}.dataset-viewer{padding:0;max-width:none;margin:0}.dataset-header{margin-bottom:var(--spacing-xl)}.dataset-header__title{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.dataset-header__title h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin:0}.dataset-header__actions{display:flex;gap:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{padding:var(--spacing-lg);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.dataset-section{margin-bottom:var(--spacing-xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.classes-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.class-badge{padding:6px 12px;background:var(--color-primary-alpha);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);display:inline-flex;align-items:center;gap:8px}.class-badge__count{font-weight:600;font-size:11px;opacity:.85;background:#0000001f;padding:1px 6px;border-radius:999px}.empty-state{padding:var(--spacing-xl);text-align:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--border-radius-lg)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.empty-state__hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.loading-jobs{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-text-secondary)}.jobs-list{display:flex;flex-direction:column;gap:var(--spacing-md);z-index:1000}.jobs-list h4{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.job-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);transition:all .2s ease;cursor:pointer}.job-card:hover{border-color:var(--color-primary-alpha);box-shadow:0 2px 8px #0000000d}.job-card.active{border-left:3px solid var(--color-primary)}.job-card.history{opacity:.8}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.job-id{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.job-progress{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.progress-bar{position:relative;flex:1;height:24px;background:var(--color-background);border-radius:var(--border-radius-full);overflow:hidden;border:1px solid var(--color-border);box-shadow:inset 0 1px 3px #0000001a}.progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--color-success);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius-full);overflow:hidden}.progress-fill:before,.progress-fill:after{display:none}.progress-text{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);min-width:80px;text-align:right;font-family:var(--font-mono)}.job-meta{margin-bottom:var(--spacing-sm)}.job-time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.job-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.job-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.jobs-more{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--spacing-sm);font-style:italic}.jobs-more-button{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-sm);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.jobs-more-button:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.status-badge{display:inline-block;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-pending{background:#9ca3af1a;color:#9ca3af}.status-badge.status-running{background:var(--color-primary-50);color:var(--color-primary-600)}.status-badge.status-paused{background:#eab3081a;color:#eab308}.status-badge.status-completed{background:#22c55e1a;color:#22c55e}.status-badge.status-failed{background:#ef44441a;color:#ef4444}.status-badge.status-cancelled{background:#6b72801a;color:#6b7280}.job-details-modal{max-width:700px;width:90vw;max-height:85vh;overflow:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.modal-header h2{font-size:var(--font-size-xl);font-weight:600;margin:0;color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg);overflow:auto;min-height:0;flex:1 1 auto;max-height:calc(85vh - 140px)}.enhanced-progress-container{margin-top:var(--spacing-md)}.progress-bar-enhanced{position:relative;height:32px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-full);overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;margin-bottom:var(--spacing-sm)}.progress-fill-enhanced{position:absolute;top:0;left:0;height:100%;background:var(--color-success);transition:width .7s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius-full);overflow:hidden}.progress-shimmer,.progress-glow,.progress-shimmer-header{display:none}.progress-overlay-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.2)}.progress-dots{display:flex;gap:4px;margin-top:var(--spacing-sm)}.progress-dot{flex:1;height:6px;background:var(--color-border);border-radius:var(--border-radius-full);transition:all .3s ease}.progress-dot.completed{background:var(--color-success);box-shadow:0 0 4px #10b98180}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tasks-list{max-height:300px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface)}.task-item{display:grid;grid-template-columns:24px 140px 1fr;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);transition:background .15s ease}[data-theme=dark] .stat-card,[data-theme=dark] .job-card{background-color:#ffffff05}[data-theme=dark] .job-card:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .progress-bar{background-color:#ffffff0d}[data-theme=dark] .progress-bar-enhanced{background-color:#ffffff0d;box-shadow:inset 0 2px 4px #0000004d}[data-theme=dark] .empty-state{background-color:#ffffff05}[data-theme=dark] .tasks-list,[data-theme=dark] .modal-header{background:#ffffff05}[data-theme=dark] .progress-overlay-text{color:#fff}@media (max-width: 768px){.dataset-viewer{padding:var(--spacing-md)}.dataset-header__title{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr)}.job-actions{flex-direction:column}.job-actions .btn{width:100%}.details-grid{grid-template-columns:1fr}.progress-stats{flex-direction:column;gap:var(--spacing-sm)}.task-item{grid-template-columns:24px 1fr}.task-name{grid-column:2}.task-path{grid-column:2;margin-top:2px}}.annotation-view{display:flex;flex-direction:column;height:100vh;overflow:hidden}.annotation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-md);color:var(--color-text-secondary)}.progress-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);gap:var(--spacing-md)}.annotation-header-compact{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:48px}[data-theme=dark] .annotation-header-compact{background-color:#ffffff05}.annotation-header-compact__left{display:flex;align-items:center;gap:var(--spacing-sm)}.annotation-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.annotation-header-compact__center{display:flex;justify-content:center}.annotation-header-compact__right{display:flex;justify-content:flex-end}.progress-compact{display:flex;align-items:center;gap:var(--spacing-sm);min-width:220px}.progress-compact__text{font-size:11px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;font-family:var(--font-mono)}.progress-compact__bar{flex:1;height:5px;background-color:var(--color-background);border-radius:var(--border-radius-full);overflow:hidden;border:1px solid var(--color-border)}[data-theme=dark] .progress-compact__bar{background-color:#ffffff0d}.progress-compact__fill{height:100%;background:var(--color-primary);transition:width .3s ease}.nav-controls{display:flex;gap:6px}.annotation-content-full{display:flex;flex:1;overflow:hidden}.annotation-canvas-full{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);position:relative}[data-theme=dark] .annotation-canvas-full{background-color:#0a0a0a}.annotation-canvas__wrapper{position:relative;width:100%;height:100%}.annotation-canvas__image{max-width:100%;max-height:100%;display:block;border:1px solid var(--color-border)}[data-theme=dark] .annotation-canvas__image{border-color:var(--color-border)}.annotation-canvas__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;color:#fff;gap:var(--spacing-sm)}.annotation-canvas__overlay-hint{font-size:var(--font-size-sm);opacity:.8}.annotation-canvas__loading{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.annotation-sidebar-compact{width:280px;background-color:var(--color-surface);border-left:1px solid var(--color-border);overflow-y:auto;display:flex;flex-direction:column}[data-theme=dark] .annotation-sidebar-compact{background-color:#ffffff05}.sidebar-section{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--color-border)}.sidebar-section:last-child{border-bottom:none}.sidebar-section h3{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0}.info-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.info-item .label{color:var(--color-text-secondary)}.info-item .value{color:var(--color-text-primary);font-weight:500}.info-item .value.mono{font-family:var(--font-mono)}.info-item .value.small{font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-item .value.error{color:var(--color-error)}.shortcuts-list{display:flex;flex-direction:column;gap:6px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.shortcut-item kbd{display:inline-block;padding:1px 5px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:10px;font-weight:600;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .shortcut-item kbd{background-color:#ffffff0d}.shortcut-item span{color:var(--color-text-secondary)}@media (max-width: 1024px){.annotation-sidebar-compact{width:260px}.progress-compact{min-width:180px}}@media (max-width: 768px){.annotation-header-compact{grid-template-columns:1fr;height:auto;gap:var(--spacing-sm);padding:var(--spacing-sm)}.annotation-header-compact__center,.annotation-header-compact__right{justify-content:flex-start}.annotation-content-full{flex-direction:column}.annotation-sidebar-compact{width:100%;border-left:none;border-top:1px solid var(--color-border);max-height:40vh}.nav-controls{width:100%}.nav-controls button{flex:1}}.job-details-modal{max-width:600px;width:90vw;max-height:85vh;overflow:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-body{padding:var(--spacing-lg);overflow:auto;min-height:0;flex:1 1 auto;max-height:calc(85vh - 80px)}.job-details-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.job-details-section:last-child{border-bottom:none}.job-details-section h3{font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item .label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.detail-item .value{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600}.progress-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.progress-stats .stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500}.progress-bar-large{height:16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-text-large{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.tasks-list{max-height:250px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface)}.task-item{display:grid;grid-template-columns:24px 140px 1fr;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.task-item:hover{background:var(--color-background)}.task-item:last-child{border-bottom:none}.task-name{font-weight:500;font-family:var(--font-mono)}.task-path{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .modal-content{background:#1a1a1a}[data-theme=dark] .tasks-list{background:#ffffff05}.review-container{padding:var(--spacing-xl);max-width:1200px;margin:0 auto;min-height:100vh}.review-header{margin-bottom:var(--spacing-xl)}.review-header__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.review-header__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.review-header__separator{color:var(--color-text-tertiary)}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}[data-theme=dark] .metric-card{background:#ffffff05}.metric-card__icon{width:32px;height:32px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card--primary .metric-card__icon{background:var(--color-primary-50);color:var(--color-primary-600)}.metric-card--success .metric-card__icon{background:#10b9811a;color:var(--color-success)}.metric-card--info .metric-card__icon{background:#a855f71a;color:#a855f7}.metric-card--accent .metric-card__icon{background:#fb923c1a;color:#fb923c}.metric-card__content{flex:1}.metric-card__value{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);line-height:1;margin-bottom:4px;letter-spacing:-.03em}.metric-card__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.split-section{margin-bottom:var(--spacing-xl)}.split-section__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.split-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.split-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.split-card:hover{border-color:var(--color-gray-300)}[data-theme=dark] .split-card{background:#ffffff05}.split-card--train{border-color:var(--color-primary-200)}.split-card--train:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.split-card--val{border-color:#a855f74d}.split-card--val:hover{border-color:#a855f7;background:#a855f708}.split-card--test{border-color:#fb923c4d}.split-card--test:hover{border-color:#fb923c;background:#fb923c08}.split-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.split-card__header h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.split-card__badge{padding:4px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600}.split-card--train .split-card__badge{background:var(--color-primary-50);color:var(--color-primary-700)}.split-card--val .split-card__badge{background:#a855f71a;color:#a855f7}.split-card--test .split-card__badge{background:#fb923c1a;color:#fb923c}[data-theme=dark] .split-card--train .split-card__badge{color:var(--color-primary-400)}[data-theme=dark] .split-card--val .split-card__badge{color:#c084fc}[data-theme=dark] .split-card--test .split-card__badge{color:#fdba74}.split-card__value{font-size:3.5rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:4px}.split-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.split-card__bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--border-radius-full);overflow:hidden}[data-theme=dark] .split-card__bar{background:var(--color-gray-700)}.split-card__progress{height:100%;border-radius:var(--border-radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.split-card__progress--train{background:var(--color-primary-600)}.split-card__progress--val{background:#7c6ad9}.split-card__progress--test{background:#f79009}.bulk-actions-section{margin-bottom:var(--spacing-xl)}.bulk-actions-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.bulk-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.bulk-btn{flex:1;min-width:160px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.bulk-btn:hover{border-color:var(--color-gray-300);background:var(--color-hover)}.bulk-btn:active{background:var(--color-gray-100)}.bulk-btn--train{border-color:var(--color-primary-200)}.bulk-btn--train:hover{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}[data-theme=dark] .bulk-btn--train:hover{color:var(--color-primary-400)}.bulk-btn--val{border-color:#a855f74d}.bulk-btn--val:hover{background:#a855f71a;border-color:#a855f7;color:#9333ea}[data-theme=dark] .bulk-btn--val:hover{color:#c084fc}.bulk-btn--test{border-color:#fb923c4d}.bulk-btn--test:hover{background:#fb923c1a;border-color:#fb923c;color:#f97316}[data-theme=dark] .bulk-btn--test:hover{color:#fdba74}.bulk-btn--auto{border-color:#10b9814d}.bulk-btn--auto:hover{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.custom-split{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-md)}[data-theme=dark] .custom-split{background:#ffffff05}.custom-split__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.custom-split__inputs{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.split-input{flex:1;min-width:100px}.split-input label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.split-input input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.split-input input:hover{border-color:var(--color-primary-400)}.split-input input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}[data-theme=dark] .split-input input{background:#ffffff0d}.custom-split__apply{min-width:180px}.custom-split__warning{margin:var(--spacing-md) 0 0 0;padding:var(--spacing-sm) var(--spacing-md);background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:#f97316}[data-theme=dark] .custom-split__warning{color:#fdba74}.review-actions{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:none}[data-theme=dark] .review-actions{background:var(--color-background);border-color:var(--color-gray-300)}.review-actions__info{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.review-actions__buttons{display:flex;gap:var(--spacing-sm)}.review-actions .btn{min-width:140px}.review-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.review-loading__spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.review-loading__text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.review-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);text-align:center}.review-empty svg{width:64px;height:64px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.review-empty__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.review-empty__description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.review-container{padding:var(--spacing-md)}.review-header__title{font-size:var(--font-size-2xl)}.metrics-overview,.split-cards{grid-template-columns:1fr}.bulk-actions{flex-direction:column}.bulk-btn{width:100%}.custom-split__inputs{flex-direction:column}.split-input,.custom-split__apply{width:100%}.review-actions{flex-direction:column;align-items:stretch}.review-actions__buttons{flex-direction:column}.review-actions .btn{width:100%}}.metric-card,.split-card{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-card:nth-child(1){animation-delay:0s}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.2s}.metric-card:nth-child(4){animation-delay:.3s}.split-card:nth-child(1){animation-delay:.4s}.split-card:nth-child(2){animation-delay:.5s}.split-card:nth-child(3){animation-delay:.6s}:root{--bg-primary: var(--color-background);--bg-secondary: var(--color-background);--bg-tertiary: var(--color-hover);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--border-color: var(--color-border);--tooltip-bg: var(--color-background);--tooltip-border: var(--color-border)}.dashboard{padding:0;max-width:none;margin:0}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-header h1{font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0}.dashboard-subtitle{color:var(--text-secondary);margin-top:4px;font-size:var(--font-size-sm)}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:320px}.spinner{width:28px;height:28px;border:2px solid var(--color-border);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .8s linear infinite}.dashboard-error{padding:var(--spacing-lg);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-lg);color:#991b1b;font-size:var(--font-size-sm)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.summary-card{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);background-color:var(--color-background)}.summary-card-blue,.summary-card-green,.summary-card-orange,.summary-card-purple{background-color:var(--color-background);border-color:var(--color-border)}.chart-card-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin:-4px 0 12px}.class-analytics .runs-table tbody tr{cursor:default}.class-swatch{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;vertical-align:middle}.summary-card-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.summary-card-icon{color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.summary-card-label{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 4px}.summary-card-value{font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin:0;font-variant-numeric:tabular-nums}.summary-card-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin:4px 0 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.metric-card{background-color:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.metric-label{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 4px}.metric-value{font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0;font-variant-numeric:tabular-nums}.metric-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin:4px 0 0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.chart-card{background-color:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.chart-card h2{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.chart-axis{stroke:var(--text-secondary)}.chart-grid{stroke:var(--border-color)}.runs-section{background-color:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.runs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.runs-header h2{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.view-all-link{color:var(--color-primary-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:500}.view-all-link:hover{color:var(--color-primary-700)}.table-container{overflow-x:auto}.runs-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.runs-table thead tr{border-bottom:1px solid var(--border-color)}.runs-table th{padding:8px 12px;text-align:left;font-size:11px;color:var(--text-secondary);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.runs-table tbody tr{border-bottom:1px solid var(--border-color);cursor:pointer}.runs-table tbody tr:hover{background-color:var(--color-hover)}.runs-table td{padding:10px 12px;color:var(--text-primary)}.run-id{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.model-code{background-color:var(--color-surface);padding:2px 6px;border-radius:4px;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--text-primary);border:1px solid var(--color-border)}.metric-cell{font-weight:600;font-variant-numeric:tabular-nums}.date-cell{font-size:var(--font-size-xs);color:var(--text-secondary)}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid}.status-completed{background-color:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.status-failed{background-color:#fef2f2;color:#b42318;border-color:#fecaca}.status-running{background-color:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.status-cancelled{background-color:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-border)}.status-pending{background-color:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.primary-button{padding:6px 12px;background-color:var(--color-primary-600);color:#fff;border:1px solid var(--color-primary-600);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family-base);cursor:pointer}.primary-button:hover{background-color:var(--color-primary-700)}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.runs-table{font-size:var(--font-size-xs)}.runs-table th,.runs-table td{padding:6px 8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.promote-modal{background-color:var(--bg-secondary, #1f2937);border:1px solid var(--border-color, #374151);border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #374151)}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.modal-subtitle{color:var(--text-secondary, #9ca3af);font-size:.875rem;margin:.25rem 0 0}.close-button{background:none;border:none;color:var(--text-secondary, #9ca3af);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.close-button:hover{background-color:var(--bg-tertiary, #374151);color:var(--text-primary, #ffffff)}.run-info{padding:1.5rem;background-color:var(--color-primary-50);border-bottom:1px solid var(--border-color, #374151)}.info-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.info-row:last-child{margin-bottom:0}.info-row .label{font-size:.875rem;color:var(--text-secondary, #9ca3af);min-width:80px}.info-row .value,.info-row code{color:var(--text-primary, #ffffff);font-size:.875rem}.info-row code{background-color:var(--bg-tertiary, #374151);padding:.25rem .5rem;border-radius:4px;font-family:monospace}.metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #374151)}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.25rem;font-weight:600;color:#10b981}.promote-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #ffffff);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.625rem;background-color:var(--bg-primary, #0f1419);border:1px solid var(--border-color, #374151);border-radius:6px;color:var(--text-primary, #ffffff);font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-500)}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group small{display:block;margin-top:.375rem;font-size:.75rem;color:var(--text-secondary, #9ca3af)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #374151)}.cancel-button,.promote-button{flex:1;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.cancel-button{background-color:transparent;color:var(--text-secondary, #9ca3af);border:1px solid var(--border-color, #374151)}.cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary, #374151);color:var(--text-primary, #ffffff)}.promote-button{background-color:var(--color-primary-600);color:#fff}.promote-button:hover:not(:disabled){background-color:var(--color-primary-700)}.cancel-button:disabled,.promote-button:disabled{opacity:.5;cursor:not-allowed}.resource-monitor-fab{position:relative;z-index:1;width:32px;height:32px;border-radius:var(--border-radius-lg);background-color:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.resource-monitor-fab:hover{background-color:var(--color-hover);color:var(--color-text-primary);transform:none;box-shadow:none}.resource-monitor-fab--top-right,.resource-monitor-fab--top-left,.resource-monitor-fab--bottom-right,.resource-monitor-fab--bottom-left{top:auto;right:auto;left:auto;bottom:auto}.resource-monitor{position:relative;z-index:60;width:auto;min-width:200px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:none;font-size:var(--font-size-xs);overflow:visible}.resource-monitor--top-right,.resource-monitor--top-left,.resource-monitor--bottom-right,.resource-monitor--bottom-left{top:auto;right:auto;left:auto;bottom:auto}.resource-monitor__header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background-color:transparent;border-bottom:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius-lg)}.resource-monitor__header:hover{background-color:var(--color-hover)}.resource-monitor__header-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.resource-monitor__icon{color:var(--color-primary-500);flex-shrink:0}.resource-monitor__title{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.resource-monitor__compact-indicators{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-sm)}.resource-monitor__compact-badge{font-size:var(--font-size-xs);font-weight:600;padding:2px 6px;border-radius:var(--border-radius-sm);background-color:var(--color-surface)}.resource-monitor__header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.resource-monitor__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.resource-monitor__action-btn:hover{background-color:var(--color-hover);color:var(--color-text-primary)}.resource-monitor__body{position:absolute;top:calc(100% + 6px);right:0;width:280px;padding:var(--spacing-md);max-height:420px;overflow:auto;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:70}.resource-monitor__loading,.resource-monitor__error{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.resource-monitor__error{color:var(--color-error)}.resource-monitor__section{margin-bottom:var(--spacing-md)}.resource-monitor__section:last-child{margin-bottom:0}.resource-monitor__section-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.resource-monitor__value{margin-left:auto;font-weight:700;font-family:var(--font-family-mono)}.resource-monitor__progress-bar{height:6px;background-color:var(--color-surface);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.resource-monitor__progress-fill{height:100%;border-radius:var(--border-radius-full);transition:width .3s ease,background-color .3s ease}.resource-monitor__progress-fill--normal{background-color:var(--color-success)}.resource-monitor__progress-fill--warning{background-color:var(--color-warning)}.resource-monitor__progress-fill--critical{background-color:var(--color-error)}.resource-monitor__details{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono)}.resource-monitor__gpu{margin-bottom:var(--spacing-sm)}.resource-monitor__gpu:last-child{margin-bottom:0}.resource-monitor__gpu-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-monitor__processes{display:flex;flex-direction:column;gap:var(--spacing-xs)}.resource-monitor__process{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background-color:var(--color-surface);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.resource-monitor__process-name{flex:1;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--spacing-xs)}.resource-monitor__process-stats{display:flex;gap:var(--spacing-sm);flex-shrink:0}.resource-monitor__process-stat{color:var(--color-text-secondary);font-family:var(--font-family-mono)}.resource-monitor__modelcub-task{padding:var(--spacing-sm);background-color:var(--color-surface);border-left:3px solid var(--color-primary-500);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.resource-monitor__task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.resource-monitor__task-name{font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-monitor__task-type{padding:2px 6px;background-color:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--border-radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.resource-monitor__task-duration{margin-top:4px;color:var(--color-text-secondary);font-size:10px;font-family:var(--font-family-mono)}.resource-monitor__footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.resource-monitor__body::-webkit-scrollbar{width:6px}.resource-monitor__body::-webkit-scrollbar-track{background:var(--color-surface)}.resource-monitor__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-sm)}.resource-monitor__body::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width: 768px){.resource-monitor{min-width:260px;max-width:calc(100vw - var(--spacing-md) * 2)}}.predictions-page{padding:0;max-width:none;margin:0}.predictions-header{margin-bottom:var(--spacing-xl)}.predictions-header h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin:0}.predictions-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.predictions-form-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}[data-theme=dark] .predictions-form-card{background:#ffffff05}.predictions-history{display:flex;flex-direction:column;gap:var(--spacing-lg)}.predictions-history h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0}.predictions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.predictions-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary)}@media (max-width: 768px){.predictions-page{padding:var(--spacing-lg)}.predictions-form-card{padding:var(--spacing-lg);gap:var(--spacing-lg)}}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-surface);min-height:120px;display:flex;align-items:center;justify-content:center}.drop-zone:hover:not(.dragging):not(.has-files){border-color:var(--color-primary-500);background:var(--color-gray-50)}[data-theme=dark] .drop-zone:hover:not(.dragging):not(.has-files){background:var(--color-gray-100)}.drop-zone.dragging{border-color:var(--color-primary-500);background:var(--color-primary-50);border-style:solid}.drop-zone.has-files{border-color:var(--color-success);background:#10b9810d;padding:var(--spacing-lg) var(--spacing-xl);min-height:auto}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%}.drop-zone.has-files .drop-zone-content{flex-direction:row;justify-content:space-between}.drop-zone-content svg{color:var(--color-text-secondary)}.drop-zone.dragging .drop-zone-content svg{color:var(--color-primary-500)}.drop-zone.has-files .drop-zone-content svg{color:var(--color-success)}.drop-zone-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.drop-zone-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.file-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.file-info svg{flex-shrink:0}.file-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-files-btn{background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.clear-files-btn:hover{background:#ef44441a;color:var(--color-error)}.image-previews{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);overflow-x:auto}.preview-item{position:relative;width:100px;height:100px;flex-shrink:0;border-radius:var(--border-radius-md);overflow:hidden;border:2px solid var(--color-border);transition:all var(--transition-base)}.preview-item:hover{border-color:var(--color-primary-500);transform:scale(1.05)}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-more{display:flex;align-items:center;justify-content:center;width:100px;height:100px;flex-shrink:0;border-radius:var(--border-radius-md);background:var(--color-gray-50);border:2px dashed var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}[data-theme=dark] .preview-more{background:var(--color-gray-100)}.input-type-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.input-type-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-base);flex:1;min-width:120px;justify-content:center}.input-type-btn:hover:not(:disabled):not(.active){background:var(--color-gray-50);border-color:var(--color-primary-500)}[data-theme=dark] .input-type-btn:hover:not(:disabled):not(.active){background:var(--color-gray-100)}.input-type-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.input-type-btn:disabled{opacity:.5;cursor:not-allowed}.run-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:8px 12px;background:var(--color-primary-600);border:1px solid var(--color-primary-600);color:#fff;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-xl)}.run-btn:hover:not(:disabled){background:var(--color-primary-700)}.run-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.prediction-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-fast);position:relative}.prediction-card:hover{border-color:var(--color-gray-300)}[data-theme=dark] .prediction-card{background:#ffffff05}.prediction-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.prediction-card__title{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.prediction-card__id{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);word-break:break-all}.prediction-card__time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-tertiary)}.prediction-card__status{padding:4px 12px;border-radius:var(--border-radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.prediction-card__status--completed{background:#10b98126;color:var(--color-success)}.prediction-card__status--running{background:var(--color-primary-50);color:var(--color-primary-500)}.prediction-card__status--pending{background:#f59e0b26;color:var(--color-warning)}.prediction-card__status--failed{background:#ef444426;color:var(--color-error)}.prediction-card__content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.prediction-card__model{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.prediction-card__input{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.prediction-card__label{color:var(--color-text-tertiary);flex-shrink:0}.prediction-card__value{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prediction-card__stats{display:flex;align-items:center;gap:var(--spacing-lg);padding-top:var(--spacing-xs)}.prediction-card__stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary)}.prediction-card__stat-label{color:var(--color-text-tertiary)}.prediction-card__stat-value{font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.prediction-card__actions{display:flex;gap:var(--spacing-sm);margin-top:auto}.prediction-card__btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--color-background)}.prediction-card__btn:hover{background:var(--color-hover);border-color:var(--color-gray-300)}.prediction-card__btn--primary{flex:1;background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.prediction-card__btn--primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.prediction-card__btn--danger{color:var(--color-text-secondary)}.prediction-card__btn--danger:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}@media (max-width: 768px){.prediction-card{padding:var(--spacing-md)}.prediction-card__stats{flex-wrap:wrap;gap:var(--spacing-sm)}.prediction-card__actions{flex-direction:column}.prediction-card__btn{width:100%}}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-completed{background:#10b98126;color:var(--color-success)}.status-pending{background:#f59e0b26;color:var(--color-warning)}.status-failed{background:#ef444426;color:var(--color-error)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}[data-theme=light] .modal-overlay{background:#0000004d}.modal-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);width:90%;max-width:1200px;max-height:90vh;overflow:auto;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--color-border);background:var(--color-surface)}[data-theme=dark] .modal-header{background:#ffffff05}.modal-header h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600}.close-btn{background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center}.close-btn:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-2xl);overflow:auto;min-height:0;flex:1 1 auto}.result-image{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-base)}.result-image:hover{border-color:var(--color-primary-500);transform:scale(1.02);box-shadow:var(--shadow-md)}.result-image img{width:100%;height:auto;display:block}.image-name{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:var(--font-size-xs);font-weight:500}[data-theme=light] .image-name{background:linear-gradient(to top,rgba(255,255,255,.95),transparent);color:var(--color-text-primary)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.form-group select,.form-group input[type=text],.form-group input[type=number]{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);font-family:var(--font-family-base)}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.form-group select:disabled,.form-group input:disabled{opacity:.6;cursor:not-allowed}.advanced-settings{margin:var(--spacing-xl) 0;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-surface)}[data-theme=dark] .advanced-settings{background:#ffffff05}.advanced-settings summary{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.advanced-settings summary:hover{background:var(--color-gray-50)}[data-theme=dark] .advanced-settings summary:hover{background:var(--color-gray-100)}.advanced-settings[open] summary{border-bottom:1px solid var(--color-border)}.advanced-grid{padding:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-group label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:400;cursor:pointer;color:var(--color-text-primary)}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary-500)}@media (max-width: 768px){.input-type-buttons{flex-direction:column}.input-type-btn{width:100%;min-width:auto}.drop-zone{padding:var(--spacing-xl) var(--spacing-lg)}.results-grid{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh;overflow:auto}.modal-header,.modal-body{padding:var(--spacing-lg)}}.empty-predictions{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.empty-predictions p{margin:0;font-size:var(--font-size-sm)}.results-modal{max-width:1400px}.modal-header-info{display:flex;flex-direction:column;gap:4px}.modal-subtitle{font-size:13px;color:var(--color-text-tertiary);font-family:var(--font-mono)}.results-summary{display:flex;gap:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl)}[data-theme=dark] .results-summary{background:#ffffff08}.summary-stat{display:flex;align-items:baseline;gap:var(--spacing-sm)}.summary-label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.summary-value{font-size:24px;color:var(--color-text-primary);font-weight:700;font-family:var(--font-mono)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.result-image-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-fast)}.result-image-card:hover{border-color:var(--color-gray-300)}[data-theme=dark] .result-image-card{background:#ffffff05}.result-image-container{position:relative;aspect-ratio:4/3;background:var(--color-surface);overflow:hidden;display:flex;align-items:center;justify-content:center}[data-theme=dark] .result-image-container{background:#ffffff0d}.result-image{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.result-image-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:13px}.result-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);opacity:0;transition:opacity .2s}.result-image-card:hover .result-image-overlay{opacity:1}.overlay-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;transition:all .2s}.overlay-btn:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;transform:scale(1.15)}.result-image-name{padding:var(--spacing-md);font-size:12px;color:var(--color-text-secondary);font-family:var(--font-mono);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-2xl);animation:fadeIn .2s}.image-viewer-content{position:relative;max-width:95vw;max-height:95vh;overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.image-viewer-close{position:absolute;top:-50px;right:0;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.image-viewer-close:hover{background:#fff3}.image-viewer-img{max-width:100%;max-height:calc(95vh - 60px);object-fit:contain;border-radius:var(--border-radius-lg)}.image-viewer-name{text-align:center;color:#fff;font-size:13px;font-family:var(--font-mono);background:#0009;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md)}.results-loading,.results-error,.results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md);color:var(--color-text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.import-model-modal{max-width:600px;max-height:90vh;overflow:auto;display:flex;flex-direction:column}.import-model-modal .modal__header{flex-shrink:0}.import-model-modal .modal__body{flex:1 1 auto;min-height:0;overflow:auto;max-height:calc(90vh - 180px)}.import-model-modal .modal__footer{flex-shrink:0}.import-model-modal .modal__body::-webkit-scrollbar{width:8px}.import-model-modal .modal__body::-webkit-scrollbar-track{background:transparent}.import-model-modal .modal__body::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--border-radius-sm)}.import-model-modal .modal__body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}[data-theme=dark] .import-model-modal .modal__body::-webkit-scrollbar-thumb{background:var(--color-gray-700)}[data-theme=dark] .import-model-modal .modal__body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-600)}.import-model-modal .modal__body{scroll-behavior:smooth}.import-model-modal .modal__body{padding-right:var(--spacing-md)}@media (max-width: 768px){.import-model-modal{max-height:95vh;overflow:auto}.import-model-modal .modal__body{max-height:calc(95vh - 160px)}}.file-upload-area{margin-top:var(--spacing-xs)}.file-upload-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:2px solid}.file-upload-button--primary{background-color:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.file-upload-button--primary:hover:not(:disabled){background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.file-upload-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-selection-info{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}[data-theme=dark] .file-selection-info{background-color:#10b98114;border-color:#10b98133}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.upload-progress{margin-top:var(--spacing-md)}.upload-progress__bar{width:100%;height:8px;background-color:var(--color-gray-200);border-radius:var(--border-radius-sm);overflow:hidden}[data-theme=dark] .upload-progress__bar{background-color:var(--color-gray-300)}.upload-progress__fill{height:100%;background-color:var(--color-primary-500);transition:width .3s ease;border-radius:var(--border-radius-sm)}.upload-progress__text{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.spinner,.spinning{animation:spin 1s linear infinite}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-surface);padding:var(--spacing-lg)}.auth-card{width:100%;max-width:380px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:28px 24px 24px}.auth-card__brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.auth-card__logo{width:28px;height:28px;border-radius:6px}.auth-card__brand h1{font-size:16px;font-weight:600;letter-spacing:-.02em;margin:0}.auth-card__lede{margin:0 0 20px;font-size:13px;color:var(--color-text-secondary)}.auth-form .form-group{margin-bottom:14px}.auth-form__submit{width:100%;margin-top:8px;justify-content:center}.auth-card__footer{margin:16px 0 0;font-size:13px;color:var(--color-text-secondary);text-align:center}.auth-card__footer a{color:var(--color-primary-600);font-weight:500;text-decoration:none}.auth-card__footer a:hover{text-decoration:underline}html:has(.landing){scroll-behavior:smooth}.landing{min-height:100vh;background:var(--color-surface)}.public-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--color-background) 88%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-header__inner{max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px}.public-header__brand{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);text-decoration:none;font-weight:600;font-size:14px;letter-spacing:-.02em;flex-shrink:0}.public-header__logo{width:24px;height:24px;border-radius:6px}.public-header__nav{display:flex;align-items:center;gap:16px}.public-header__nav a{font-size:13px;color:var(--color-text-secondary);text-decoration:none}.public-header__nav a:hover{color:var(--color-text-primary)}.public-header__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.public-header__actions .theme-toggle{width:auto}.public-header__actions .theme-toggle__label{flex:none}.landing-section,.landing-hash-target{scroll-margin-top:72px}.landing-hash-target{display:block;height:0}.landing-hero{max-width:1080px;margin:0 auto;padding:56px 20px 48px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,380px);gap:48px;align-items:start}.landing-kicker{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary-600)}.landing-hero__title{margin:0 0 14px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;letter-spacing:-.035em;line-height:1.15}.landing-hero__lede{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--color-text-secondary);max-width:34em}.landing-hero__points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.landing-hero__points li{position:relative;padding-left:16px;font-size:13px;color:var(--color-text-primary)}.landing-hero__points li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--color-primary-500)}.landing-hero__auth{width:100%}.landing-auth-tabs{display:flex;margin-bottom:8px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:3px}.landing-auth-tabs__tab{flex:1;height:30px;border:0;background:transparent;border-radius:6px;font:inherit;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer}.landing-auth-tabs__tab.is-active{background:var(--color-primary-50);color:var(--color-primary-700)}.landing-hero__auth .auth-card{max-width:none}.landing-section{max-width:1080px;margin:0 auto;padding:24px 20px 64px}.landing-section--muted{padding-top:40px;padding-bottom:72px}.landing-section__intro{max-width:40em;margin-bottom:28px}.landing-section__intro h2{margin:0 0 8px;font-size:1.375rem}.landing-section__intro p{font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-feature{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:18px 16px 16px}.landing-feature__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-600);margin-bottom:12px}.landing-feature h3{margin:0 0 6px;font-size:14px}.landing-feature p{font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.landing-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-steps li{display:flex;gap:12px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:16px}.landing-steps span{flex-shrink:0;width:24px;height:24px;border-radius:999px;background:var(--color-primary-600);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.landing-steps h3{margin:0 0 4px;font-size:14px}.landing-steps p{font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.landing-footer{border-top:1px solid var(--color-border);padding:20px;text-align:center}.landing-footer p{font-size:12px;color:var(--color-text-tertiary)}.auth-page--public{min-height:calc(100vh - 53px)}.auth-card__switch{border:0;background:none;padding:0;font:inherit;font-weight:500;color:var(--color-primary-600);cursor:pointer}.auth-card__switch:hover{text-decoration:underline}.auth-back-link{margin:12px 0 0;font-size:13px;text-align:center}.auth-back-link a{color:var(--color-text-secondary);text-decoration:none}.auth-back-link a:hover{color:var(--color-text-primary);text-decoration:underline}@media (max-width: 860px){.public-header__nav{display:none}.landing-hero{grid-template-columns:1fr;padding-top:36px;gap:32px}.landing-features,.landing-steps{grid-template-columns:1fr}}@media (max-width: 520px){.public-header__actions .theme-toggle__label,.public-header__actions .btn--secondary{display:none}}:root{--color-primary-50: #f4f1ff;--color-primary-100: #ebe5fe;--color-primary-200: #d6ccfc;--color-primary-300: #b5a4f6;--color-primary-400: #8b72ea;--color-primary-500: #6d4fe0;--color-primary-600: #5b3cc9;--color-primary-700: #4a2eab;--color-primary-800: #3c2688;--color-primary-900: #2c1c63;--color-primary: var(--color-primary-600);--color-primary-alpha: var(--color-primary-50);--color-primary-ring: rgba(109, 79, 224, .14);--color-success: #12b76a;--color-success-50: #ecfdf3;--color-success-100: #d1fadf;--color-success-200: #a6f4c5;--color-success-400: #32d583;--color-success-700: #027a48;--color-success-bg: #ecfdf3;--color-warning: #f79009;--color-warning-50: #fffaeb;--color-warning-100: #fef0c7;--color-warning-200: #fedf89;--color-warning-400: #fdb022;--color-warning-500: #f79009;--color-warning-700: #b54708;--color-warning-900: #7a2e0e;--color-error: #f04438;--color-info: var(--color-primary-600);--color-background: #ffffff;--color-surface: #f6f7f9;--color-hover: #f2f4f7;--color-border: #e4e7ec;--color-text-primary: #111318;--color-text-secondary: #667085;--color-text-tertiary: #98a2b3;--color-text: var(--color-text-primary);--color-gray-50: #f6f7f9;--color-gray-100: #eef0f3;--color-gray-200: #e4e7ec;--color-gray-300: #d0d5dd;--color-gray-400: #98a2b3;--color-gray-500: #667085;--color-gray-600: #475467;--color-gray-700: #344054;--color-gray-800: #1d2433;--color-gray-900: #111318;--color-button-text: #ffffff;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "IBM Plex Mono", "Menlo", "Monaco", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 8px;--border-radius-full: 9999px;--shadow-sm: none;--shadow-md: 0 1px 2px rgba(16, 24, 40, .04);--shadow-lg: 0 4px 16px rgba(16, 24, 40, .06);--transition-fast: .12s ease;--transition-base: .16s ease;--transition-slow: .22s ease;--sidebar-width: 232px;--sidebar-collapsed-width: 56px;--header-height: 52px}[data-theme=dark]{--color-primary-50: rgba(109, 79, 224, .16);--color-primary-100: rgba(109, 79, 224, .22);--color-primary-alpha: rgba(109, 79, 224, .16);--color-primary-ring: rgba(139, 114, 234, .28);--color-background: #16181d;--color-surface: #111318;--color-hover: #1e2128;--color-border: #2a2e36;--color-text-primary: #f2f4f7;--color-text-secondary: #98a2b3;--color-text-tertiary: #667085;--color-text: var(--color-text-primary);--color-gray-50: #16181d;--color-gray-100: #1e2128;--color-gray-200: #2a2e36;--color-gray-300: #3a3f4a;--color-gray-400: #667085;--color-gray-500: #98a2b3;--color-gray-600: #cdd2dc;--color-gray-700: #e4e7ec;--color-gray-800: #f2f4f7;--color-gray-900: #ffffff;--color-button-text: #ffffff;--shadow-sm: none;--shadow-md: 0 1px 2px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin:0;color:var(--color-text-primary)}code{font-family:var(--font-family-mono);font-size:.875em;padding:.125rem .375rem;background-color:var(--color-gray-100);border-radius:var(--border-radius-sm);color:var(--color-text-primary)}.u-text-center{text-align:center}.u-text-gray-500,.u-text-gray-600{color:var(--color-text-secondary)}.u-text-gray-900{color:var(--color-text-primary)}.u-mt-1{margin-top:var(--spacing-xs)}.u-mt-2{margin-top:var(--spacing-sm)}.u-mt-4{margin-top:var(--spacing-md)}.u-mb-4{margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.main--sidebar-collapsed{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.page{display:flex;flex-direction:column;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-header__titles{flex:1 1 auto;min-width:0}.page-header__title{width:100%;font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.02em;margin:0}.page-header__subtitle{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-header__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 768px){.page-header{flex-wrap:wrap}.page-header__titles{flex-basis:100%}}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}