.login-page-view[data-v-087f04ef]{min-height:100vh;width:100vw;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.3) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(236,72,153,.25) 0%,transparent 45%),linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px}.login-card[data-v-087f04ef]{width:440px;max-width:90vw;background:#12142be0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(165,180,252,.25);border-radius:var(--radius-lg);padding:40px;box-shadow:0 20px 60px #0009}.login-header[data-v-087f04ef]{text-align:center;margin-bottom:28px}.login-title-text[data-v-087f04ef]{font-size:22px;font-weight:800;background:linear-gradient(135deg,#FFF,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px;letter-spacing:-.3px}.login-desc-text[data-v-087f04ef]{font-size:13px;color:#94a3b8}.form-group[data-v-087f04ef]{margin-bottom:24px;position:relative}.login-input[data-v-087f04ef]{background:#0000004d!important;border-color:#a5b4fc4d!important;color:#fff!important;transition:border-color .2s ease,box-shadow .2s ease}.form-group.is-error .login-input[data-v-087f04ef]{border-color:#f56c6c!important;box-shadow:0 0 0 1px #f56c6c!important}.el-form-item__error[data-v-087f04ef]{color:#f56c6c;font-size:12px;line-height:1;padding-top:5px;position:absolute;top:100%;left:0;animation:elErrorSlide-087f04ef .2s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes elErrorSlide-087f04ef{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.eye-toggle-btn[data-v-087f04ef]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s ease}.eye-toggle-btn[data-v-087f04ef]:hover{color:#818cf8}.captcha-row[data-v-087f04ef]{display:flex;gap:12px;align-items:center}.captcha-input-box[data-v-087f04ef]{flex:1}.captcha-code-box[data-v-087f04ef]{width:150px;height:44px;background:#6366f133;border:1px solid rgba(165,180,252,.3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:all .2s;padding:0}.captcha-code-box[data-v-087f04ef]:hover{background:#6366f159}.btn-login-submit[data-v-087f04ef]{width:100%;height:46px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;cursor:pointer;box-shadow:0 4px 14px #6366f166;transition:all .2s}.btn-login-submit[data-v-087f04ef]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-login-submit[data-v-087f04ef]:disabled{opacity:.6;cursor:not-allowed}.login-copyright[data-v-087f04ef]{text-align:center;margin-top:28px;font-size:12px;color:#fff6}.dashboard-optimal-container[data-v-522867b0]{display:flex;flex-direction:column;height:calc(100vh - 130px);gap:16px;overflow:hidden}.dashboard-stats[data-v-522867b0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;flex-shrink:0}.stat-card[data-v-522867b0]{padding:14px 18px!important}.stat-header[data-v-522867b0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.stat-title[data-v-522867b0]{font-size:13px;font-weight:600;color:var(--text-secondary)}.stat-icon-wrapper[data-v-522867b0]{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-value[data-v-522867b0]{font-size:26px;font-weight:800;color:var(--text);margin-bottom:4px;font-family:var(--font-code)}.stat-trend[data-v-522867b0]{font-size:12px;font-weight:600}.stat-trend.up[data-v-522867b0]{color:var(--green)}.stat-trend.down[data-v-522867b0]{color:var(--red)}.dashboard-charts[data-v-522867b0]{display:grid;grid-template-columns:2fr 1fr;gap:16px;flex:1.4;min-height:220px}@media (max-width: 1024px){.dashboard-charts[data-v-522867b0]{grid-template-columns:1fr;flex:none}}.chart-card[data-v-522867b0]{display:flex;flex-direction:column;padding:14px 18px!important;overflow:hidden}.chart-box[data-v-522867b0]{width:100%;height:0;flex-grow:1}.alerts-card[data-v-522867b0]{display:flex;flex-direction:column;padding:14px 18px!important;flex:1;min-height:140px;overflow:hidden}.data-table-container[data-v-522867b0]{width:100%;height:0;flex-grow:1;overflow-y:auto}.icon-badge[data-v-522867b0]{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.el-checkbox[data-v-2cbd98a0]{color:var(--text);font-size:13.5px;font-weight:500;position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-right:16px;vertical-align:middle}.el-checkbox.is-no-label[data-v-2cbd98a0]{margin-right:0!important}.el-checkbox.is-disabled[data-v-2cbd98a0]{cursor:not-allowed;opacity:.6}.el-checkbox__input[data-v-2cbd98a0]{white-space:nowrap;cursor:pointer;outline:none;display:inline-flex;align-items:center;position:relative;vertical-align:middle}.el-checkbox__inner[data-v-2cbd98a0]{display:inline-flex;align-items:center;justify-content:center;position:relative;border:1.5px solid var(--border);border-radius:4px;box-sizing:border-box;width:16px;height:16px;flex-shrink:0;background-color:var(--surface);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.el-checkbox:hover .el-checkbox__inner[data-v-2cbd98a0]{border-color:var(--primary)}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-2cbd98a0]{background-color:var(--primary);border-color:var(--primary);color:#fff}.el-checkbox__icon[data-v-2cbd98a0]{opacity:0;transform:scale(.5);transition:transform .15s cubic-bezier(.12,.4,.29,1.46),opacity .15s ease;pointer-events:none}.el-checkbox__icon.is-visible[data-v-2cbd98a0]{opacity:1;transform:scale(1)}.el-checkbox__original[data-v-2cbd98a0]{opacity:0;outline:none;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label[data-v-2cbd98a0]{display:inline-block;padding-left:8px;line-height:1;font-size:13px}.status-radio-group[data-v-862d7452]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:6px}.segmented-radio-card[data-v-ff4f9980]{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.segmented-radio-card[data-v-ff4f9980]:hover{border-color:var(--primary-light);background:#6366f10a}.segmented-radio-card.active[data-v-ff4f9980]{border-color:var(--primary);background:#6366f114;box-shadow:0 0 0 1px var(--primary)}.segmented-radio-card.disabled[data-v-ff4f9980]{opacity:.5;cursor:not-allowed}.pretty-modal[data-v-89332194]{width:480px!important;padding:0!important;overflow:hidden;border-radius:var(--radius)!important}.pretty-modal-header[data-v-89332194]{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-icon-badge[data-v-89332194]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.pretty-modal-body[data-v-89332194]{padding:24px}.input-with-icon[data-v-89332194]{position:relative;display:flex;align-items:center}.input-icon[data-v-89332194]{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.input-with-icon .form-control[data-v-89332194]{padding-left:38px!important}.segmented-radio-card[data-v-89332194]{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--transition-fast)}.segmented-radio-card[data-v-89332194]:hover{border-color:var(--primary-light);background:#6366f10a}.segmented-radio-card.active[data-v-89332194]{border-color:var(--primary);background:#6366f114;box-shadow:0 0 0 1px var(--primary)}.el-upload-wrapper[data-v-e76b7bfe]{width:100%}.el-upload[data-v-e76b7bfe]{display:block;width:100%;text-align:center;cursor:pointer;outline:none}.el-upload-dragger[data-v-e76b7bfe]{background-color:var(--surface);border:1px dashed var(--border-strong, #94A3B8);border-radius:12px;box-sizing:border-box;width:100%;padding:24px 16px;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.el-upload-dragger[data-v-e76b7bfe]:hover,.el-upload-dragger.is-dragover[data-v-e76b7bfe]{border-color:var(--primary);background-color:#6366f10d}.el-icon--upload[data-v-e76b7bfe]{color:var(--primary);margin-bottom:8px;transition:transform var(--transition-fast)}.el-upload-dragger:hover .el-icon--upload[data-v-e76b7bfe]{transform:translateY(-3px)}.el-upload__text[data-v-e76b7bfe]{color:var(--text-secondary);font-size:13px;text-align:center}.el-upload__text em[data-v-e76b7bfe]{color:var(--primary);font-style:normal;font-weight:600}.el-upload__tip[data-v-e76b7bfe]{font-size:12px;color:var(--text-secondary);margin-top:6px}.el-upload__preview-box[data-v-e76b7bfe]{position:relative;width:100px;height:100px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.el-upload__img[data-v-e76b7bfe]{width:100%;height:100%;object-fit:cover}.el-upload__mask[data-v-e76b7bfe]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.el-upload__preview-box:hover .el-upload__mask[data-v-e76b7bfe]{opacity:1}.el-upload__delete-icon[data-v-e76b7bfe]{color:#fff;cursor:pointer;padding:6px;border-radius:50%;background:#ef4444cc;display:flex;align-items:center;justify-content:center;transition:background .2s}.el-upload__delete-icon[data-v-e76b7bfe]:hover{background:var(--red)}.el-range-editor[data-v-7ff67598]{display:inline-flex;align-items:center;padding:0 12px;background-color:var(--surface);border-radius:10px;border:1px solid var(--border);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:38px;box-sizing:border-box;width:260px;flex-shrink:0;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.el-range-editor[data-v-7ff67598]:hover,.el-range-editor.is-active[data-v-7ff67598]{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.el-input__prefix[data-v-7ff67598]{color:var(--text-secondary);display:flex;align-items:center;margin-right:8px;flex-shrink:0}.el-range-input-text[data-v-7ff67598]{font-size:13px;color:var(--text);font-family:var(--font-code)}.el-range-input-text.is-placeholder[data-v-7ff67598]{color:var(--text-secondary);font-family:inherit}.el-range-separator[data-v-7ff67598]{color:var(--text-secondary);font-size:13px;font-weight:600;padding:0 8px}.el-range__close-icon[data-v-7ff67598]{margin-left:auto;color:var(--text-secondary);font-size:14px;cursor:pointer}.el-range__close-icon[data-v-7ff67598]:hover{color:var(--red)}.el-picker-panel.el-date-range-picker[data-v-7ff67598]{position:absolute;top:calc(100% + 8px);left:0;z-index:2000;background-color:#fff!important;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #00000040;width:580px;overflow:hidden}[data-theme=dark] .el-picker-panel.el-date-range-picker[data-v-7ff67598]{background-color:#16192e!important}.el-picker-panel__body-wrapper[data-v-7ff67598]{display:flex}.el-picker-panel__sidebar[data-v-7ff67598]{width:110px;border-right:1px solid var(--border);padding:12px 0;background:#6366f10a;display:flex;flex-direction:column;gap:4px}.el-picker-panel__shortcut[data-v-7ff67598]{display:block;width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;font-size:12.5px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.el-picker-panel__shortcut[data-v-7ff67598]:hover{color:var(--primary);background:#6366f114}.el-picker-panel__body[data-v-7ff67598]{flex:1;display:flex;padding:16px;gap:20px}.el-date-range-picker__content[data-v-7ff67598]{flex:1}.el-date-range-picker__header[data-v-7ff67598]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13.5px;font-weight:700;color:var(--text)}.el-picker-panel__icon-btn[data-v-7ff67598]{border:none;background:transparent;cursor:pointer;color:var(--text-secondary);font-size:15px;padding:0 4px}.el-picker-panel__icon-btn[data-v-7ff67598]:hover{color:var(--primary)}.el-date-table[data-v-7ff67598]{width:100%;border-collapse:collapse;text-align:center}.el-date-table th[data-v-7ff67598]{padding:6px 0;color:var(--text-secondary);font-size:12px;font-weight:600;border-bottom:1px solid var(--border)}.el-date-table td[data-v-7ff67598]{padding:3px 0;cursor:pointer;font-size:12px}.el-date-table td.off-month[data-v-7ff67598]{color:var(--text-muted, #CBD5E1);cursor:not-allowed}.el-date-table td div[data-v-7ff67598]{height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.el-date-table td:hover:not(.disabled) div[data-v-7ff67598]{background:#6366f11a;color:var(--primary)}.el-date-table td.is-start-date div[data-v-7ff67598],.el-date-table td.is-end-date div[data-v-7ff67598]{background:var(--primary)!important;color:#fff!important;font-weight:700}.el-date-table td.is-in-range div[data-v-7ff67598]{background:#6366f126!important;color:var(--primary);border-radius:0}.el-picker-panel__footer[data-v-7ff67598]{border-top:1px solid var(--border);padding:10px 16px;display:flex;justify-content:flex-end;gap:8px;background-color:#fff!important}[data-theme=dark] .el-picker-panel__footer[data-v-7ff67598]{background-color:#16192e!important}.el-icon-picker[data-v-b2fb0fd2]{display:inline-block;position:relative;width:100%}.el-input__wrapper[data-v-b2fb0fd2]{display:flex;align-items:center;padding:0 12px;background-color:var(--surface);border-radius:10px;border:1px solid var(--border);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:38px;cursor:pointer}.el-input__wrapper[data-v-b2fb0fd2]:hover,.el-input__wrapper[data-v-b2fb0fd2]:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.icon-preview-box[data-v-b2fb0fd2]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#6366f11a;color:var(--primary);margin-right:8px}.el-input__inner[data-v-b2fb0fd2]{border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;color:var(--text);font-size:13px;height:100%;flex:1;cursor:pointer}.el-select__caret[data-v-b2fb0fd2]{color:var(--text-secondary);transition:transform var(--transition-fast)}.el-select__caret.is-reverse[data-v-b2fb0fd2]{transform:rotate(180deg)}.el-icon-picker-popper[data-v-b2fb0fd2]{position:absolute;top:calc(100% + 6px);left:0;width:320px;z-index:2000;background-color:#fff!important;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #00000040;padding:12px;box-sizing:border-box}[data-theme=dark] .el-icon-picker-popper[data-v-b2fb0fd2]{background-color:#16192e!important}.el-icon-picker__search[data-v-b2fb0fd2]{margin-bottom:10px}.el-icon-picker__grid[data-v-b2fb0fd2]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:220px;overflow-y:auto;padding-right:2px}.el-icon-picker__item[data-v-b2fb0fd2]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.el-icon-picker__item[data-v-b2fb0fd2]:hover{border-color:var(--primary);background:#6366f114;color:var(--primary)}.el-icon-picker__item.is-active[data-v-b2fb0fd2]{border-color:var(--primary);background:var(--primary);color:#fff}.icon-name[data-v-b2fb0fd2]{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.badge-dot[data-v-00413e16]{position:absolute;top:-4px;right:-4px;background-color:var(--red, #ef4444);color:#fff;font-size:10px;font-weight:700;border-radius:999px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid var(--surface-card)}.msg-dropdown[data-v-00413e16]{position:absolute;top:48px;right:0;width:320px;max-height:400px;background-color:#fff;border:1px solid var(--border);border-radius:var(--radius-sm, 8px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));display:flex;flex-direction:column;z-index:200;overflow:hidden}[data-theme=dark] .msg-dropdown[data-v-00413e16]{background-color:#141830}.msg-dropdown-header[data-v-00413e16]{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.msg-actions[data-v-00413e16]{display:flex;gap:12px}.msg-action-btn[data-v-00413e16]{font-size:12px;color:var(--primary, #6366f1);cursor:pointer;font-weight:500}.msg-action-btn[data-v-00413e16]:hover{text-decoration:underline}.msg-dropdown-body[data-v-00413e16]{flex:1;overflow-y:auto;max-height:280px}.msg-empty[data-v-00413e16]{padding:30px 16px;text-align:center;color:var(--text-secondary, #94a3b8);font-size:13px}.msg-list[data-v-00413e16]{display:flex;flex-direction:column}.msg-item[data-v-00413e16]{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s;text-align:left}.msg-item[data-v-00413e16]:hover{background-color:#6366f10a}.msg-item.unread[data-v-00413e16]{background-color:#6366f105}.msg-item.unread .msg-title[data-v-00413e16]{font-weight:700}.msg-item-meta[data-v-00413e16]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.msg-level-tag[data-v-00413e16]{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.msg-level-tag.critical[data-v-00413e16]{background-color:#ef44441a;color:var(--red, #ef4444)}.msg-level-tag.warning[data-v-00413e16]{background-color:#f973161a;color:var(--warning, #f97316)}.msg-level-tag.info[data-v-00413e16]{background-color:#3b82f61a;color:var(--primary, #3b82f6)}.msg-time[data-v-00413e16]{font-size:11px;color:var(--text-secondary, #94a3b8)}.msg-title[data-v-00413e16]{font-size:13px;color:var(--text);margin-bottom:2px;word-break:break-all}.msg-desc[data-v-00413e16]{font-size:12px;color:var(--text-secondary, #64748b);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.msg-dropdown-footer[data-v-00413e16]{padding:10px 16px;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--text-secondary, #64748b);cursor:pointer;background-color:var(--surface);transition:background-color .2s,color .2s}.msg-dropdown-footer[data-v-00413e16]:hover{color:var(--primary);background-color:#6366f10d}.tabs-container-wrapper[data-v-70bf7dd9]{background:var(--surface-card);border-bottom:1px solid var(--border);padding:6px 16px 2px;display:flex;align-items:center;position:relative;z-index:80}.tabs-scroll-area[data-v-70bf7dd9]{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.tabs-scroll-area[data-v-70bf7dd9]::-webkit-scrollbar{display:none}.tab-item[data-v-70bf7dd9]{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px 8px 0 0;background:#6366f10a;border:1px solid var(--border);border-bottom:none;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.tab-item[data-v-70bf7dd9]:hover{background:#6366f114;color:var(--primary)}.tab-item.active[data-v-70bf7dd9]{background:var(--surface);border-color:var(--primary-light);border-bottom:2px solid var(--primary);color:var(--primary);font-weight:600}.tab-icon[data-v-70bf7dd9]{display:inline-flex;align-items:center;justify-content:center;opacity:.85}.tab-icon[data-v-70bf7dd9] svg{display:block}.tab-name[data-v-70bf7dd9]{white-space:nowrap;line-height:1}.tab-close-btn[data-v-70bf7dd9]{font-size:14px;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition-fast);margin-left:2px}.tab-close-btn[data-v-70bf7dd9]:hover{background:var(--red-light);color:var(--red)}.context-menu[data-v-70bf7dd9]{position:fixed;background:var(--surface-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-lg);padding:4px 0;z-index:9999;min-width:130px}.context-menu-item[data-v-70bf7dd9]{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px;color:var(--text);cursor:pointer;transition:var(--transition-fast)}.context-menu-item[data-v-70bf7dd9]:hover{background:#6366f11a;color:var(--primary)}[data-theme=dark] .context-menu[data-v-70bf7dd9]{background:#141830}.blank-layout[data-v-b5f4db44]{min-height:100vh;width:100vw}:root{--primary: #6366F1;--primary-dark: #4338CA;--primary-light: #818CF8;--accent: #A5B4FC;--surface: #F8FAFF;--surface-card: rgba(255, 255, 255, .85);--surface-sidebar: #0B0D1A;--dark: #0B0D1A;--border: rgba(99, 102, 241, .12);--border-strong: rgba(99, 102, 241, .25);--text: #1E1E2F;--text-secondary: #6B7294;--text-muted: #94A3B8;--green: #10B981;--green-light: rgba(16, 185, 129, .12);--red: #EF4444;--red-light: rgba(239, 68, 68, .12);--amber: #F59E0B;--amber-light: rgba(245, 158, 11, .12);--pink: #EC4899;--pink-light: rgba(236, 72, 153, .12);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(99, 102, 241, .04);--shadow: 0 8px 24px rgba(99, 102, 241, .08);--shadow-lg: 0 16px 40px rgba(99, 102, 241, .14);--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "JetBrains Mono", monospace;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}[data-theme=dark]{--surface: #0F1121;--surface-card: rgba(20, 24, 48, .82);--surface-sidebar: #070914;--border: rgba(129, 140, 248, .16);--border-strong: rgba(129, 140, 248, .32);--text: #F1F5F9;--text-secondary: #94A3B8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}*:focus,*:focus-visible{outline:none!important}button:focus-visible,.btn:focus-visible,a:focus-visible{outline:none!important;box-shadow:0 0 0 3px #6366f159!important}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f133!important}body{font-family:var(--font-main);background-color:var(--surface);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;transition:background-color var(--transition),color var(--transition)}.code-font{font-family:var(--font-code)}.app-container{display:flex;min-height:100vh;width:100vw;position:relative}.sidebar{width:260px;background:var(--surface-sidebar);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;transition:var(--transition);z-index:100;color:#fff}.sidebar.collapsed{width:80px}.sidebar-header{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#8B5CF6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 4px 12px #6366f159;flex-shrink:0}.brand-title{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;opacity:1;transition:var(--transition)}.sidebar.collapsed .brand-title,.sidebar.collapsed .nav-text{opacity:0;pointer-events:none;display:none}.sidebar-nav{padding:16px 12px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:#94a3b8;text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition-fast);margin-bottom:4px;cursor:pointer}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.router-link-active,.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:600;box-shadow:0 4px 14px #6366f14d}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.top-header{height:70px;background:var(--surface-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.header-left{display:flex;align-items:center;gap:16px}.toggle-sidebar-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.toggle-sidebar-btn:hover{background:#6366f114;color:var(--primary)}.header-right{display:flex;align-items:center;gap:18px}.icon-btn{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.icon-btn:hover{color:var(--primary);border-color:var(--primary-light)}.user-profile-btn{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:30px;background:var(--surface);border:1px solid var(--border);cursor:pointer}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--pink));color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.profile-dropdown{position:absolute;top:48px;right:0;width:190px;background:var(--surface-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:200;padding:4px 0}.dropdown-item{padding:12px 16px;font-size:13px;color:var(--text);display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;transition:background var(--transition-fast)}.dropdown-item:hover{background:#6366f11a;color:var(--primary)}.dropdown-item.danger{color:var(--red)}.dropdown-item.danger:hover{background:var(--red-light)}.content-container{padding:28px;flex:1}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition)}.stat-card{position:relative;overflow:hidden;padding:24px}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-title{font-size:13px;font-weight:600;color:var(--text-secondary)}.stat-icon-wrapper{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-value{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin-bottom:8px;font-family:var(--font-code)}.stat-trend{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.stat-trend.up{color:var(--green)}.stat-trend.down{color:var(--red)}.card-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #6366f140}.btn-primary:hover{opacity:.92;box-shadow:0 6px 16px #6366f159}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--primary-light);color:var(--primary)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.9}.btn-warning{background:var(--amber);color:#fff}.btn-warning:hover{opacity:.9}.btn-sm{padding:5px 12px;font-size:12.5px;border-radius:8px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13.5px;outline:none;transition:var(--transition-fast)}.input-suffix-group{position:relative;display:flex;align-items:center;width:100%}.input-suffix-group .form-control{padding-right:48px}.input-suffix-text{position:absolute;right:14px;font-size:13px;font-weight:600;color:var(--text-secondary);pointer-events:none}.upload-dropzone{border:2px dashed var(--primary-light);border-radius:var(--radius-sm);padding:20px;text-align:center;background:#6366f108;cursor:pointer;transition:all var(--transition-fast);position:relative}.upload-dropzone:hover{background:#6366f114;border-color:var(--primary)}.upload-preview-wrapper{position:relative;width:90px;height:90px;border-radius:12px;overflow:hidden;border:1px solid var(--border);margin:0 auto 10px;box-shadow:var(--shadow-sm)}.upload-preview-img{width:100%;height:100%;object-fit:cover}.upload-delete-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#ef4444d9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;line-height:1;transition:background .2s}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media (max-width: 1400px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.product-card{border-radius:var(--radius);background:var(--surface-card);border:1px solid var(--border);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.product-img-wrapper{height:170px;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card-body{padding:18px;flex:1;display:flex;flex-direction:column}.product-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.product-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.3}.product-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.product-sales-count{font-size:12px;color:var(--text-secondary);font-family:var(--font-code)}.product-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.product-price-text{font-size:18px;font-weight:800;color:var(--pink);font-family:var(--font-code)}.product-action-btns{display:flex;align-items:center;gap:8px}.btn-icon-action{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);outline:none}.btn-icon-action:hover{background:var(--primary);color:#fff;border-color:transparent}.btn-icon-action.danger:hover{background:var(--red);color:#fff;border-color:transparent}.el-select{display:inline-block;position:relative;vertical-align:middle}.el-input{position:relative;font-size:13.5px;display:inline-flex;width:100%}.el-input__wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:0 12px;background-color:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;box-sizing:border-box}.el-input.is-focus .el-input__wrapper,.el-input__wrapper:hover{border-color:var(--primary)}.el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 3px #6366f126}input.el-input__inner{width:100%;height:100%!important;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;color:var(--text);font-size:13.5px;cursor:pointer;padding:0!important;margin:0!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:inherit}.el-input__inner::placeholder{color:var(--text-secondary);opacity:.6}.el-input__suffix{display:inline-flex;align-items:center;margin-left:8px;color:var(--text-secondary)}.el-select__caret{transition:transform var(--transition-fast)}.el-select__caret.is-reverse{transform:rotate(180deg)}.el-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;z-index:3000;background-color:#fff;border:1px solid rgba(99,102,241,.2);border-radius:10px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;padding:6px 0;box-sizing:border-box;max-height:220px;overflow-y:auto}[data-theme=dark] .el-select-dropdown{background-color:#16192e;border-color:#818cf840;box-shadow:0 12px 32px #0009}.el-select-dropdown__list{list-style:none;padding:0;margin:0}.el-select-dropdown__item{font-size:13.5px;padding:0 16px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.el-select-dropdown__item:hover{background:#6366f114;color:var(--primary)}.el-radio-group{display:inline-flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px}.el-radio{color:var(--text);font-weight:500;font-size:13.5px;position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;outline:none;-webkit-user-select:none;user-select:none}.el-radio__input{white-space:nowrap;cursor:pointer;outline:none;display:inline-flex;position:relative;vertical-align:middle}.el-radio__inner{border:1px solid var(--border-strong, #94A3B8);border-radius:100%;width:16px;height:16px;background-color:var(--surface);position:relative;cursor:pointer;display:inline-block;box-sizing:border-box;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.el-radio__inner:after{width:6px;height:6px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.el-radio.is-checked .el-radio__inner{border-color:var(--primary);background:var(--primary)}.el-radio.is-checked .el-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.el-radio.is-checked .el-radio__label{color:var(--primary);font-weight:600}.el-radio__original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio__label{font-size:13.5px;padding-left:8px;display:inline-flex;align-items:center;gap:6px}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .2s cubic-bezier(.23,1,.32,1);transform-origin:center top}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.tag-primary{background:#6366f11f;color:var(--primary)}.tag-success{background:var(--green-light);color:var(--green)}.tag-warning{background:var(--amber-light);color:var(--amber)}.tag-danger{background:var(--red-light);color:var(--red)}.tag-info{background:#94a3b826;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.offline{background:var(--text-muted)}.status-dot.fault{background:var(--red);box-shadow:0 0 8px var(--red)}.status-dot.amber{background:var(--amber)}.data-table-container{overflow-x:auto;border-radius:var(--radius-sm)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.data-table th{background:#6366f10a;padding:12px 16px;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text)}.data-table tr:hover td{background:#6366f105}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b0d1aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-dialog{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:520px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:28px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.modal-title{font-size:18px;font-weight:700;color:var(--text)}.modal-close{cursor:pointer;color:var(--text-secondary);font-size:22px}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b0d1a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition)}.drawer-overlay.active{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:-520px;width:440px;height:100vh;background:var(--surface-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1000;transition:right var(--transition);display:flex;flex-direction:column;padding:28px;overflow-y:auto}.drawer.active{right:0}.detail-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border);font-size:13px}.detail-info-label{color:var(--text-secondary);font-weight:500}.detail-info-value{font-weight:600;color:var(--text)}.grid-preview-box{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:12px;display:grid;gap:6px;background:#6366f108;max-height:140px;overflow-y:auto;margin-top:8px}.grid-preview-cell{height:24px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.validation-error-text{color:var(--red);font-size:12px;margin-top:4px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-strong);transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:8px}.page-btn{min-width:36px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.page-btn:hover:not(:disabled):not(.disabled){background:#6366f114;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.page-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f14d}.page-btn:disabled,.page-btn.disabled{opacity:.45;cursor:not-allowed;background:var(--surface);border-color:var(--border);color:var(--text-secondary)}.batch-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(120px);background:var(--dark, #16192E);color:#fff;padding:12px 24px;border-radius:30px;box-shadow:0 12px 36px #0006;display:flex;align-items:center;gap:16px;z-index:1500;transition:transform .35s cubic-bezier(.175,.885,.32,1.275);font-size:13.5px;font-weight:600;border:1px solid var(--border)}.batch-bar.active{transform:translate(-50%) translateY(0)}.door-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:20px}.door-card{border-radius:var(--radius);padding:16px;position:relative;border:1px solid var(--border);transition:all var(--transition);cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--surface-card)}.door-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.door-card.for-sale{background:linear-gradient(145deg,var(--green-bg),var(--surface-card));border-color:#10b9814d}.door-card.idle{background:var(--surface-card)}.door-card.fault{background:linear-gradient(145deg,var(--red-bg),var(--surface-card));border-color:#ef44444d}.door-card.out-of-stock{background:linear-gradient(145deg,var(--amber-bg),var(--surface-card));border-color:#f59e0b4d}.door-number{position:absolute;top:10px;left:12px;font-size:11px;font-weight:700;font-family:var(--font-code);opacity:.6;color:var(--text-secondary)}.door-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:12px 0}.tag-neutral{background:#6b72941f;color:var(--text-secondary)}@keyframes elMessageFadeIn{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes elMessageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@keyframes elNotificationFadeIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes elNotificationFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}