html,body,#app{width:100%;height:100%;margin:0}:root{color-scheme:light;--kkkg-gold: #2563eb;--kkkg-gold-light: #60a5fa;--kkkg-gold-dark: #1d4ed8;--kkkg-amber: #f97316;--bg-primary: #f4f7fb;--bg-secondary: #ffffff;--bg-tertiary: #eef3f8;--bg-card: #ffffff;--bg-hover: #e6edf5;--bg-active: #dbeafe;--sidebar-bg: #ffffff;--sidebar-border: #d7dee8;--sidebar-hover: #eef3f8;--sidebar-active: #dbeafe;--sidebar-width: 260px;--text-primary: #111827;--text-secondary: #475569;--text-muted: #8492a6;--border-color: #d7dee8;--border-light: #e5eaf0;--panel-bg: #ffffff;--panel-border: #d7dee8;--panel-width: 360px;--header-height: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 6px 16px rgba(15, 23, 42, .1);--shadow-lg: 0 14px 36px rgba(15, 23, 42, .14);--transition-fast: .15s ease;--transition-normal: .25s ease;--accent-success: #22C55E;--accent-warning: #F59E0B;--accent-danger: #EF4444;--accent-info: #3B82F6;--erp-power-test-bg: #eef2f6;--erp-power-test-panel: #ffffff;--erp-power-test-soft: #f6f8fb;--erp-power-test-line: #b9c4d1;--erp-power-test-text: #0b1220;--erp-power-test-muted: #475569;--erp-power-test-accent: #0f766e;--erp-power-test-accent-soft: #ccfbf1;--erp-power-test-selected-bg: #dbeafe;--erp-power-test-selected-text: #1d4ed8;--erp-power-test-selected-border: #2563eb;--erp-power-test-edited-bg: #fff7ed;--erp-power-test-edited-text: #7c2d12;--erp-power-test-edited-border: #f97316;--erp-power-test-warning-bg: #fff8e1;--erp-power-test-count-bg: #fff7ed;--erp-power-test-count-text: #9a3412;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace}.rtl{direction:rtl}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%}.hex-value,.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.5px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status-dot.online{background:var(--accent-success);box-shadow:0 0 4px #22c55e80}.status-dot.offline{background:var(--accent-danger)}.status-dot.warning{background:var(--accent-warning)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state .icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state .title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.empty-state .desc{font-size:12px;color:var(--text-muted)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.el-input{--el-input-bg-color: var(--bg-tertiary);--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--kkkg-gold);--el-input-focus-border-color: var(--kkkg-gold);--el-input-text-color: var(--text-primary);--el-input-placeholder-color: var(--text-muted)}.el-button{--el-button-bg-color: var(--bg-tertiary);--el-button-border-color: var(--border-color);--el-button-text-color: var(--text-primary);--el-button-hover-bg-color: var(--bg-hover);--el-button-hover-border-color: var(--kkkg-gold)}.el-button--primary{--el-button-bg-color: rgba(212, 168, 67, .2);--el-button-border-color: var(--kkkg-gold);--el-button-text-color: var(--kkkg-gold);--el-button-hover-bg-color: rgba(212, 168, 67, .3)}.el-button--danger{--el-button-bg-color: rgba(239, 68, 68, .2);--el-button-border-color: var(--accent-danger);--el-button-text-color: var(--accent-danger)}.el-select{--el-select-bg-color: var(--bg-tertiary);--el-select-border-color: var(--border-color);--el-select-input-focus-border-color: var(--kkkg-gold)}.el-dropdown-menu{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.el-dropdown-menu__item{color:var(--text-primary)!important}.el-dropdown-menu__item:hover{background-color:var(--bg-hover)!important;color:var(--kkkg-gold)!important}.el-tree{--el-tree-node-hover-bg-color: var(--sidebar-hover);--el-tree-node-bg-color: transparent;--el-tree-text-color: var(--text-secondary);--el-tree-expand-icon-color: var(--text-muted)}.el-badge{--el-badge-bg-color: var(--kkkg-gold)}.el-checkbox{--el-checkbox-text-color: var(--text-secondary);--el-checkbox-checked-bg-color: var(--kkkg-gold);--el-checkbox-checked-border-color: var(--kkkg-gold)}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--kkkg-gold);border-color:var(--kkkg-gold)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.dtc-zero-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.5px}.dtc-zero-badge.enforced{background:#22c55e26;color:var(--accent-success)}.dtc-zero-badge.pending{background:#ef444426;color:var(--accent-danger)}.toast-container{position:fixed;top:12px;right:12px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:var(--radius-md);font-size:13px;animation:slideInRight .3s ease;max-width:360px}.toast.success{background:#22c55e33;border:1px solid var(--accent-success);color:var(--accent-success)}.toast.error{background:#ef444433;border:1px solid var(--accent-danger);color:var(--accent-danger)}.toast.warning{background:#f59e0b33;border:1px solid var(--accent-warning);color:var(--accent-warning)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:3px;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#d4a8434d}.glow-gold{box-shadow:0 0 12px #d4a84326,0 0 30px #d4a8430d}.glow-success{box-shadow:0 0 12px #22c55e26}.glow-danger{box-shadow:0 0 12px #ef444426}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{border-color:#d4a8434d;box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}.page-enter-active{animation:pageIn .25s ease-out}.page-leave-active{animation:pageOut .15s ease-in}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 4px #d4a84333}50%{box-shadow:0 0 12px #d4a84366}}.pulse-gold{animation:pulse-gold 2s ease-in-out infinite}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:16px 0}.section-divider.gold{background:linear-gradient(90deg,transparent,rgba(212,168,67,.3),transparent)}.value-highlight{background:linear-gradient(135deg,rgba(212,168,67,.1),transparent);padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-weight:600}.kkkg-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.kkkg-tag.gold{background:#d4a8431f;color:var(--kkkg-gold)}.kkkg-tag.danger{background:#ef44441f;color:var(--accent-danger)}.kkkg-tag.success{background:#22c55e1f;color:var(--accent-success)}@keyframes loading-bar{0%{width:0}50%{width:70%}to{width:100%}}.loading-bar{height:2px;background:linear-gradient(90deg,var(--kkkg-gold),var(--kkkg-gold-light),var(--kkkg-gold));animation:loading-bar 1.5s ease-in-out infinite;border-radius:1px}.el-dialog{--el-dialog-bg-color: var(--bg-secondary);--el-dialog-title-font-size: 16px;--el-dialog-content-font-size: 14px;border:1px solid var(--border-color);border-radius:12px}.el-dialog__title{color:var(--text-primary)}.el-dialog__body{color:var(--text-secondary)}.el-dialog__headerbtn .el-dialog__close{color:var(--text-muted)}.el-dialog__headerbtn:hover .el-dialog__close{color:var(--kkkg-gold)}.el-message{--el-message-bg-color: var(--bg-secondary);--el-message-border-color: var(--border-color);--el-message-text-color: var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.el-notification{--el-notification-bg-color: var(--bg-secondary);--el-notification-border-color: var(--border-color);--el-notification-title-color: var(--text-primary);--el-notification-content-color: var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.el-menu--horizontal,.el-menu--popup-container{--el-menu-bg-color: var(--bg-secondary);--el-menu-text-color: var(--text-secondary);--el-menu-hover-text-color: var(--kkkg-gold);--el-menu-hover-bg-color: var(--bg-hover);--el-menu-active-color: var(--kkkg-gold)}.el-tabs{--el-tabs-header-text-color: var(--text-muted);--el-tabs-active-text-color: var(--kkkg-gold);--el-tabs-hover-text-color: var(--text-primary)}.el-tabs__item{color:var(--text-secondary)}.el-tabs__item.is-active{color:var(--kkkg-gold)}.el-tabs__active-bar{background-color:var(--kkkg-gold)}.el-table{--el-table-bg-color: var(--bg-card);--el-table-tr-bg-color: var(--bg-card);--el-table-header-bg-color: var(--bg-secondary);--el-table-row-hover-bg-color: var(--bg-hover);--el-table-text-color: var(--text-primary);--el-table-header-text-color: var(--text-secondary);--el-table-border-color: var(--border-color);border:1px solid var(--border-color);border-radius:8px}.el-table__header th{background-color:var(--bg-secondary);color:var(--text-secondary)}.el-table__body tr:hover>td{background-color:var(--bg-hover)}.el-progress{--el-progress-text-color: var(--text-secondary)}.el-switch{--el-switch-off-color: var(--bg-tertiary);--el-switch-on-color: var(--accent-success)}.el-switch__core{border:1px solid var(--border-color)}.el-slider{--el-slider-runway-bg-color: var(--bg-tertiary);--el-slider-stop-bg-color: var(--border-color);--el-slider-button-bg-color: var(--kkkg-gold);--el-slider-bar-bg-color: var(--kkkg-gold)}.el-tag{--el-tag-bg-color: var(--bg-tertiary);--el-tag-border-color: var(--border-color);--el-tag-text-color: var(--text-secondary)}.el-tag--success{--el-tag-bg-color: rgba(34, 197, 94, .1);--el-tag-border-color: rgba(34, 197, 94, .3);--el-tag-text-color: var(--accent-success)}.el-tag--danger{--el-tag-bg-color: rgba(239, 68, 68, .1);--el-tag-border-color: rgba(239, 68, 68, .3);--el-tag-text-color: var(--accent-danger)}.el-tag--warning{--el-tag-bg-color: rgba(245, 158, 11, .1);--el-tag-border-color: rgba(245, 158, 11, .3);--el-tag-text-color: var(--accent-warning)}.el-popper{--el-popper-bg-color: var(--bg-secondary);border:1px solid var(--border-color)}.el-input-number{--el-input-bg-color: var(--bg-tertiary);--el-input-border-color: var(--border-color)}.el-collapse{--el-collapse-header-bg-color: var(--bg-card);--el-collapse-content-bg-color: var(--bg-secondary);--el-collapse-border-color: var(--border-color)}.el-drawer{--el-drawer-bg-color: var(--bg-secondary)}.el-button--warning.is-disabled,.el-button--warning.is-disabled:hover,.el-button--warning.is-disabled:focus{opacity:.4;cursor:not-allowed}.el-button--danger.is-disabled,.el-button--danger.is-disabled:hover,.el-button--danger.is-disabled:focus{opacity:.4;cursor:not-allowed}@keyframes patch-flash{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.patch-animating{background:linear-gradient(90deg,var(--bg-secondary),var(--bg-tertiary),var(--bg-secondary));background-size:200% 100%;animation:patch-flash 1.5s ease infinite;border-radius:6px}