:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;min-height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}:root{--color-primary: #0066cd;--color-primary-hover: #036fe1;--color-success: #27ae60;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-info: #3498db;--color-info-hover: #2980b9;--color-warning: #e65100;--color-warning-hover: #bf4400;--color-accent: #0066cd;--color-accent-hover: #036fe1;--color-text-primary: #333;--color-text-secondary: #555;--color-text-muted: #666;--color-bg-page: #f5f5f5;--color-bg-card: white;--color-bg-header: #f8f9fa;--color-bg-disabled: #f5f5f5;--color-bg-error: #fee;--color-bg-success: #e8f5e9;--color-bg-warning: #fff3e0;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-border-input: #ddd;--border-radius: 4px;--border-radius-lg: 8px;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1);--shadow-dropdown: 0 4px 6px rgba(0, 0, 0, .1);--color-topbar-bg: #0066cd;--color-topbar-text: white;--color-topbar-hover: #34495e;--color-dropdown-bg: white;--color-dropdown-text: #333;--color-dropdown-hover: #f0f0f0;--color-dropdown-active: #0066cd;--color-dropdown-active-text: white;--color-left-panel-bg: #fafbfc;--color-left-panel-item-border: #f0f0f0;--color-left-panel-hover: #f0f7ff;--color-left-panel-selected: #e3f2fd;--color-param-value-bg: #f5f5f5;--color-node-bg: #e8f4fc;--color-node-border: #b3d9f2;--color-node-head-bg: #fff3e0;--color-node-head-border: #ffb74d;--color-edge: #666;--color-edge-condition: #8b5cf6;--color-connection-input: #27ae60;--color-connection-output: #e74c3c;--color-node-text: #0066cd;--color-effect-no-condition: #3498db;--color-effect-no-condition-hover: #2980b9;--color-effect-has-condition: #8b5cf6;--color-effect-has-condition-hover: #7c3aed;--color-category-bg: #e3f2fd;--color-category-text: #0066cd;--color-param-comment: #f19f00;--color-btn-edit-bg: #fff3e0;--color-btn-edit-hover: #ffe0b2;--color-btn-remove-bg: #ffebee}[data-theme=dark]{--color-primary: #006bd8;--color-primary-hover: #036fe1;--color-success: #2ecc71;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-info: #5dade2;--color-info-hover: #3498db;--color-warning: #ff8a50;--color-warning-hover: #ff6d00;--color-accent: #006bd8;--color-accent-hover: #036fe1;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #909090;--color-bg-page: #1a1a2e;--color-bg-card: #16213e;--color-bg-header: #1f3054;--color-bg-disabled: #2a3a5a;--color-bg-error: #4a2020;--color-bg-success: #1a4030;--color-bg-warning: #3a2a10;--color-border: #3a4a6a;--color-border-light: #2a3a5a;--color-border-input: #4a5a7a;--shadow-card: 0 2px 4px rgba(0, 0, 0, .3);--shadow-dropdown: 0 4px 6px rgba(0, 0, 0, .4);--color-topbar-bg: #0f3460;--color-topbar-text: #e0e0e0;--color-topbar-hover: #1a4a7a;--color-dropdown-bg: #16213e;--color-dropdown-text: #e0e0e0;--color-dropdown-hover: #1f3054;--color-dropdown-active: #0066cd;--color-dropdown-active-text: white;--color-left-panel-bg: #0f2744;--color-left-panel-item-border: #1a3a5a;--color-left-panel-hover: #1a4060;--color-left-panel-selected: #1a4a7a;--color-param-value-bg: #1a3050;--color-node-bg: #1a3a5a;--color-node-border: #3a6090;--color-node-head-bg: #3a3020;--color-node-head-border: #8a6830;--color-edge: #6a7a9a;--color-edge-condition: #9b7cf6;--color-connection-input: #2eb870;--color-connection-output: #c85050;--color-node-text: #6cb8ff;--color-effect-no-condition: #5dade2;--color-effect-no-condition-hover: #3498db;--color-effect-has-condition: #9b7cf6;--color-effect-has-condition-hover: #8b5cf6;--color-category-bg: #1a4a7a;--color-category-text: #6cb8ff;--color-param-comment: #ffd700;--color-btn-edit-bg: #3a3020;--color-btn-edit-hover: #4a4030;--color-btn-remove-bg: #4a2020}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg-card);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-border-input)}[data-theme=dark] ::-webkit-scrollbar-corner{background:var(--color-bg-card)}[data-theme=dark] *{scrollbar-color:var(--color-border) var(--color-bg-card);scrollbar-width:thin}.management-page{background:var(--color-bg-card);border-radius:var(--border-radius-lg);padding:.5rem 1.5rem 1.5rem;box-shadow:var(--shadow-card)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-light)}.page-header h2{margin:0;color:var(--color-text-primary)}.btn-primary{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:transform .2s ease,background-color .2s ease}.btn-primary:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}.btn-small{padding:.25rem .75rem;margin-right:.5rem;background-color:var(--color-info);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;transition:background-color .2s}.btn-small:hover{background-color:var(--color-info-hover)}.btn-danger{background-color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger-hover)}.loading,.error,.empty{text-align:center;padding:2rem;color:var(--color-text-muted)}.error{color:var(--color-danger)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--color-bg-header)}.data-table th,.data-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-weight:600;color:var(--color-text-secondary)}.data-table tbody tr:hover{background-color:var(--color-bg-header)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-weight:500}.form-input{width:100%;padding:.75rem;border:1px solid var(--color-border-input);border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-input:disabled{background-color:var(--color-bg-disabled);cursor:not-allowed}.error-message{color:var(--color-danger);margin-bottom:1rem;padding:.75rem;background-color:var(--color-bg-error);border-radius:var(--border-radius);font-size:.9rem}