:root{--brand-primary:#4f46e5;--brand-primary-light:#818cf8;--brand-primary-dark:#3730a3;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text:var(--text-primary);--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg:var(--bg-secondary);--border-color:#e5e7eb;--border:var(--border-color);--sidebar-bg:#1e293b;--sidebar-logo-bg:#0f172a;--sidebar-text:#ffffffe6;--sidebar-text-sub:#ffffffa6;--sidebar-hover-bg:#ffffff14;--sidebar-active-color:#818cf8;--sidebar-active-bg:#818cf826;--header-height:60px;--sidebar-width:240px;--sidebar-collapsed-width:72px;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--radius-sm:8px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease;--main-bg:var(--bg);--header-bg:var(--bg-primary);--header-shadow:var(--shadow-sm);--card-bg:var(--bg-primary)}html.dark{--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text:var(--text-primary);--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg:var(--bg-secondary);--border-color:#374151;--border:var(--border-color);--sidebar-bg:#0f172a;--sidebar-logo-bg:#020617;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006;--main-bg:var(--bg);--header-bg:var(--bg-primary);--header-shadow:var(--shadow);--card-bg:var(--bg-primary)}@media (prefers-color-scheme:dark){html:not(.light){--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text:var(--text-primary);--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg:var(--bg-secondary);--border-color:#374151;--border:var(--border-color);--sidebar-bg:#0f172a;--sidebar-logo-bg:#020617;--main-bg:var(--bg);--header-bg:var(--bg-primary);--header-shadow:var(--shadow);--card-bg:var(--bg-primary)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition), color var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-primary-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}html.dark ::-webkit-scrollbar-thumb{background:var(--gray-600)}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.el-card{border-radius:var(--border-radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition);background:var(--card-bg)}.el-card:hover{box-shadow:var(--shadow)}.el-card__header{border-bottom:1px solid var(--border);padding:16px 20px;font-weight:600}.el-card__body{padding:20px}.el-table{--el-table-bg-color:transparent;--el-table-tr-bg-color:var(--card-bg);--el-table-header-bg-color:var(--bg-tertiary);--el-table-row-hover-bg-color:var(--bg-tertiary);--el-table-border-color:var(--border);border-radius:var(--border-radius-sm);overflow:hidden}.el-table th.el-table__cell{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:600}.el-table td.el-table__cell{transition:background-color var(--transition-fast)}.el-form-item{margin-bottom:20px}.el-form-item__label{color:var(--text-secondary);font-weight:500}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{border-radius:var(--border-radius-sm)!important;box-shadow:0 0 0 1px var(--border) inset!important;transition:box-shadow var(--transition-fast), border-color var(--transition-fast)!important}.el-input__wrapper:hover,.el-textarea__inner:hover,.el-select__wrapper:hover{box-shadow:0 0 0 1px var(--gray-400) inset!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focus{box-shadow:0 0 0 2px var(--brand-primary) inset!important}.el-button{border-radius:var(--border-radius-sm);transition:all var(--transition-fast);font-weight:500}.el-button--primary{background:var(--brand-primary);border-color:var(--brand-primary)}.el-button--primary:hover{background:var(--brand-primary-light);border-color:var(--brand-primary-light)}.pagination-wrapper,.pagination-container{justify-content:flex-end;margin-top:20px;display:flex}.el-pagination{--el-pagination-bg-color:var(--bg-tertiary);--el-pagination-button-bg-color:var(--bg-tertiary);--el-pagination-hover-color:var(--brand-primary)}.el-tag{border-radius:6px;font-weight:500}.status-tag{text-align:center;min-width:70px}.stats-card{background:linear-gradient(135deg, var(--card-bg) 0%, var(--bg-tertiary) 100%);border:none}.stats-content{justify-content:space-between;align-items:center;display:flex}.stats-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2}.stats-label{color:var(--text-secondary);margin-top:4px;font-size:14px}.stats-icon{opacity:.15;font-size:48px}.search-form,.filter-card{margin-bottom:16px}.search-form .el-form-item{margin-bottom:10px}.detail-section{margin-bottom:24px}.detail-section-title{border-bottom:1px solid var(--border);color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:600}.image-preview{flex-wrap:wrap;gap:12px;display:flex}.image-preview-item{border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid var(--border);width:100px;height:100px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.image-preview-item:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.image-preview-item img{object-fit:cover;width:100%;height:100%}.empty-state{text-align:center;color:var(--text-tertiary);padding:48px 0}.action-buttons{gap:8px;display:flex}html.dark{--el-bg-color:var(--bg-primary);--el-bg-color-page:var(--bg);--el-bg-color-overlay:var(--bg-primary);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-primary);--el-text-color-secondary:var(--text-secondary);--el-border-color:var(--border);--el-border-color-light:var(--border);--el-border-color-lighter:var(--border);--el-fill-color:var(--bg-tertiary);--el-fill-color-light:var(--bg-tertiary);--el-fill-color-lighter:var(--bg-primary);--el-fill-color-blank:var(--bg-primary);--el-color-white:var(--bg-primary)}html.dark .el-card{border-color:var(--border);background-color:var(--bg-primary)!important}html.dark .el-input__wrapper,html.dark .el-textarea__inner,html.dark .el-select__wrapper{background-color:var(--bg-tertiary)}html.dark .el-dialog{--el-dialog-bg-color:var(--bg-primary)}html.dark .el-drawer{--el-drawer-bg-color:var(--bg-primary)}html.dark .el-dropdown-menu{background-color:var(--bg-primary);border-color:var(--border)}html.dark .el-dropdown-menu__item{color:var(--text-primary)}html.dark .el-dropdown-menu__item:hover{background-color:var(--bg-tertiary)}html.dark .el-select-dropdown,html.dark .el-message-box{background-color:var(--bg-primary);border-color:var(--border)}html.dark .el-popover{--el-popover-bg-color:var(--bg-primary);--el-popover-border-color:var(--border)}html.dark .el-empty{--el-empty-fill-color-0:var(--bg-tertiary);--el-empty-fill-color-1:var(--bg-primary);--el-empty-fill-color-2:var(--bg-tertiary);--el-empty-fill-color-3:var(--bg-primary);--el-empty-fill-color-4:var(--bg-tertiary);--el-empty-fill-color-5:var(--bg-primary);--el-empty-fill-color-6:var(--bg-tertiary);--el-empty-fill-color-7:var(--bg-primary);--el-empty-fill-color-8:var(--bg-tertiary);--el-empty-fill-color-9:var(--bg-primary)}.el-select-dropdown{--el-bg-color:#fff!important;--el-fill-color-blank:#fff!important;background:#fff!important}.el-select-dropdown__item{color:var(--text-primary)!important}.el-select-dropdown__item:hover{background-color:var(--bg-tertiary)!important}.el-menu--popup-container,.el-menu--popup,.el-menu--inline,.el-sub-menu .el-menu{--el-bg-color:#1e293b!important;--el-bg-color-overlay:#1e293b!important;--el-fill-color-blank:#1e293b!important;--el-menu-bg-color:#1e293b!important;--el-text-color-primary:#ffffffe6!important;--el-text-color-regular:#ffffffa6!important;background:#1e293b!important;border:none!important}.el-menu--inline .el-menu-item,.el-sub-menu .el-menu .el-menu-item{color:#ffffffa6!important;background-color:#0000!important;min-width:auto!important}.el-menu--inline .el-menu-item:hover,.el-sub-menu .el-menu .el-menu-item:hover{color:#ffffffe6!important;background-color:#ffffff14!important}.el-menu--inline .el-menu-item.is-active,.el-sub-menu .el-menu .el-menu-item.is-active{color:#818cf8!important;background-color:#818cf826!important}.el-menu--popup>.el-popper__arrow:before{background:#1e293b!important;border-color:#0000!important}.el-menu--popup{border-radius:8px!important;min-width:180px!important;padding:8px 0!important;box-shadow:0 10px 15px -3px #0000004d!important}.el-menu--popup .el-menu-item{color:#ffffffa6!important;background-color:#0000!important;border-radius:8px!important;height:40px!important;margin:4px 8px!important;line-height:40px!important}.el-menu--popup .el-menu-item:hover{color:#ffffffe6!important;background-color:#ffffff14!important}.el-menu--popup .el-menu-item.is-active{color:#818cf8!important;background-color:#818cf826!important}.el-image-viewer__wrapper{z-index:99999!important;position:fixed!important;inset:0!important}.el-image-viewer__mask{z-index:99998!important;background-color:#00000080!important;position:fixed!important;inset:0!important}.el-image{--el-image-viewer-z-index:99999!important}