:root{--el-color-primary: #3b82f6;--el-color-primary-light-3: #60a5fa;--el-color-primary-light-9: #eff6ff;--el-color-success: #10b981;--el-color-danger: #ef4444;--el-color-warning: #f59e0b;--el-border-radius-base: 8px;--el-border-radius-small: 6px;--el-card-border-radius: 12px;--el-box-shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--el-box-shadow-extra-light: 0 1px 3px rgba(0, 0, 0, .02);--tag-bg-color: #f1f5f9;--basicBlack: #0f172a;--basicWhite: #ffffff}html.dark{--el-color-primary: #3b82f6;--el-color-primary-light-3: #2563eb;--el-color-primary-light-9: #1e293b;--el-bg-color: #0f172a;--el-bg-color-overlay: #1e293b;--el-border-color-light: #334155;--tag-bg-color: #1e293b;--basicBlack: #f8fafc}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--el-bg-color);color:var(--basicBlack)}.el-card{border:1px solid var(--el-border-color-light)!important;border-radius:var(--el-card-border-radius)!important;box-shadow:var(--el-box-shadow-light)!important;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:var(--el-bg-color-overlay)!important}.el-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #00000014!important}.el-table{border-radius:8px;overflow:hidden;--el-table-header-bg-color: var(--el-bg-color-overlay);--el-table-row-hover-bg-color: rgba(59, 130, 246, .05) !important}.el-table th.el-table__cell{font-weight:600!important;text-transform:uppercase;font-size:11px;letter-spacing:.5px;color:#64748b}.el-table td.el-table__cell{font-size:13px}.el-button{font-weight:500!important;border-radius:var(--el-border-radius-base)!important;transition:all .2s ease-in-out!important}.el-button:active{transform:scale(.96)}.table-actions .el-button{margin:4px!important;font-weight:600!important}.el-pagination{justify-content:center;padding:15px 0}.el-input__wrapper,.el-select__wrapper{box-shadow:0 0 0 1px var(--el-border-color-light) inset!important;transition:all .2s ease-in-out}.el-input__wrapper.is-focus,.el-input__wrapper:hover,.el-select__wrapper.is-focus,.el-select__wrapper:hover{box-shadow:0 0 0 2px var(--el-color-primary) inset!important}.modern-filter-form .filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:end}.modern-filter-form .filter-grid .el-form-item{margin-bottom:0!important;margin-right:0!important;width:100%}.modern-filter-form .filter-grid .el-form-item .el-form-item__label{font-size:12px;font-weight:600;color:#64748b;padding-bottom:6px!important;line-height:1.2!important;text-align:left!important;justify-content:flex-start!important}.modern-filter-form .filter-grid .el-form-item .el-select,.modern-filter-form .filter-grid .el-form-item .el-input{width:100%!important}.modern-filter-form .filter-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.list-query .el-button,.filter-actions .el-button{margin:0 4px!important;height:32px!important;padding:8px 16px!important;font-size:13px!important;border-radius:6px!important;font-weight:500!important;transition:all .2s ease-in-out!important}.list-query .el-button.el-button--primary,.filter-actions .el-button.el-button--primary{background-color:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}.list-query .el-button.el-button--primary:hover,.filter-actions .el-button.el-button--primary:hover{background-color:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.list-query .el-button.el-button--success,.filter-actions .el-button.el-button--success{background-color:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}.list-query .el-button.el-button--success:hover,.filter-actions .el-button.el-button--success:hover{background-color:#10b981!important;border-color:#10b981!important;color:#fff!important}.list-query .el-button.el-button--danger,.filter-actions .el-button.el-button--danger{background-color:#fef2f2!important;border-color:#fca5a5!important;color:#b91c1c!important}.list-query .el-button.el-button--danger:hover,.filter-actions .el-button.el-button--danger:hover{background-color:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.list-query .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger),.filter-actions .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger){background-color:#f8fafc!important;border-color:#cbd5e1!important;color:#334155!important}.list-query .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):hover,.filter-actions .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):hover{background-color:#f1f5f9!important;border-color:#94a3b8!important;color:#0f172a!important}.table-actions .el-button,.el-table__row .el-button{margin:2px!important;height:28px!important;padding:6px 12px!important;font-size:12px!important;border-radius:4px!important;font-weight:500!important;transition:all .2s ease-in-out!important}.table-actions .el-button.el-button--success,.el-table__row .el-button.el-button--success{background-color:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}.table-actions .el-button.el-button--success:hover,.el-table__row .el-button.el-button--success:hover{background-color:#10b981!important;border-color:#10b981!important;color:#fff!important}.table-actions .el-button.el-button--danger,.el-table__row .el-button.el-button--danger{background-color:#fef2f2!important;border-color:#fca5a5!important;color:#b91c1c!important}.table-actions .el-button.el-button--danger:hover,.el-table__row .el-button.el-button--danger:hover{background-color:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.table-actions .el-button.el-button--primary,.el-table__row .el-button.el-button--primary{background-color:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}.table-actions .el-button.el-button--primary:hover,.el-table__row .el-button.el-button--primary:hover{background-color:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.table-actions .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger),.el-table__row .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger){background-color:#f8fafc!important;border-color:#cbd5e1!important;color:#334155!important}.table-actions .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):hover,.el-table__row .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):hover{background-color:#f1f5f9!important;border-color:#94a3b8!important;color:#0f172a!important}html.dark .modern-filter-form .filter-actions{border-top:1px solid #334155}html.dark .modern-filter-form .filter-grid .el-form-item .el-form-item__label{color:#94a3b8}html.dark .list-query .el-button.el-button--primary,html.dark .filter-actions .el-button.el-button--primary{background-color:#3b82f626!important;border-color:#3b82f666!important;color:#60a5fa!important}html.dark .list-query .el-button.el-button--primary:hover,html.dark .filter-actions .el-button.el-button--primary:hover{background-color:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}html.dark .list-query .el-button.el-button--success,html.dark .filter-actions .el-button.el-button--success{background-color:#10b98126!important;border-color:#10b98166!important;color:#34d399!important}html.dark .list-query .el-button.el-button--success:hover,html.dark .filter-actions .el-button.el-button--success:hover{background-color:#10b981!important;border-color:#10b981!important;color:#fff!important}html.dark .list-query .el-button.el-button--danger,html.dark .filter-actions .el-button.el-button--danger{background-color:#ef444426!important;border-color:#ef444466!important;color:#f87171!important}html.dark .list-query .el-button.el-button--danger:hover,html.dark .filter-actions .el-button.el-button--danger:hover{background-color:#ef4444!important;border-color:#ef4444!important;color:#fff!important}html.dark .list-query .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger),html.dark .filter-actions .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger){background-color:#1e293b!important;border-color:#475569!important;color:#cbd5e1!important}html.dark .list-query .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):hover,html.dark .filter-actions .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):hover{background-color:#334155!important;border-color:#64748b!important;color:#f8fafc!important}html.dark .table-actions .el-button.el-button--success,html.dark .el-table__row .el-button.el-button--success{background-color:#10b98126!important;border-color:#10b98166!important;color:#34d399!important}html.dark .table-actions .el-button.el-button--success:hover,html.dark .el-table__row .el-button.el-button--success:hover{background-color:#10b981!important;color:#fff!important}html.dark .table-actions .el-button.el-button--danger,html.dark .el-table__row .el-button.el-button--danger{background-color:#ef444426!important;border-color:#ef444466!important;color:#f87171!important}html.dark .table-actions .el-button.el-button--danger:hover,html.dark .el-table__row .el-button.el-button--danger:hover{background-color:#ef4444!important;color:#fff!important}html.dark .table-actions .el-button.el-button--primary,html.dark .el-table__row .el-button.el-button--primary{background-color:#3b82f626!important;border-color:#3b82f666!important;color:#60a5fa!important}html.dark .table-actions .el-button.el-button--primary:hover,html.dark .el-table__row .el-button.el-button--primary:hover{background-color:#3b82f6!important;color:#fff!important}html.dark .table-actions .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger),html.dark .el-table__row .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger){background-color:#1e293b!important;border-color:#475569!important;color:#cbd5e1!important}html.dark .table-actions .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):hover,html.dark .el-table__row .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):hover{background-color:#334155!important;border-color:#64748b!important;color:#f8fafc!important}
