:root,:root[data-theme=dark]{color-scheme:dark;--mt-primary: #4f8cff;--mt-primary-hover: #77a6ff;--mt-primary-light: #183462;--mt-graphite: #050814;--mt-graphite-light: #111827;--mt-bg: #070b14;--mt-bg-card: #101722;--mt-bg-elevated: #151f2d;--mt-bg-code: #050814;--mt-page-bg: radial-gradient(circle at 15% -10%, rgba(79, 140, 255, .12), transparent 28rem), linear-gradient(180deg, #0b111d 0%, var(--mt-bg) 30rem);--mt-control-bg: #0c1320;--mt-control-border-hover: #3a4a61;--mt-placeholder: #6f7d90;--mt-text: #e6edf7;--mt-text-secondary: #9aa7b8;--mt-text-on-primary: #06101f;--mt-text-code: #d8e2f0;--mt-border: #263244;--mt-success: #34d399;--mt-error: #f87171;--mt-warning: #fbbf24;--mt-font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mt-font-mono: "IBM Plex Mono", ui-monospace, monospace;--mt-space-1: 4px;--mt-space-2: 8px;--mt-space-3: 12px;--mt-space-4: 16px;--mt-space-5: 20px;--mt-space-6: 24px;--mt-space-8: 32px;--mt-space-10: 40px;--mt-space-16: 64px;--mt-container-max: 1280px;--mt-content-max: 780px;--mt-radius: 8px;--mt-input-height: 48px;--mt-button-height: 44px}:root[data-theme=light]{color-scheme:light;--mt-primary: #0343df;--mt-primary-hover: #0236b8;--mt-primary-light: #dbeafe;--mt-graphite: #0f172a;--mt-graphite-light: #1e293b;--mt-bg: #f8fafc;--mt-bg-card: #ffffff;--mt-bg-elevated: #eef4ff;--mt-bg-code: #0f172a;--mt-page-bg: var(--mt-bg);--mt-control-bg: #ffffff;--mt-control-border-hover: #bfdbfe;--mt-placeholder: #94a3b8;--mt-text: #0f172a;--mt-text-secondary: #64748b;--mt-text-on-primary: #ffffff;--mt-text-code: #e2e8f0;--mt-border: #e2e8f0;--mt-success: #10b981;--mt-error: #ef4444;--mt-warning: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--mt-font-family);background:var(--mt-page-bg);color:var(--mt-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--mt-primary);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--mt-font-mono)}.container{max-width:var(--mt-container-max);margin:0 auto;padding:0 var(--mt-space-6)}.card{background:var(--mt-bg-card);padding:var(--mt-space-6);border-radius:var(--mt-radius);border:1px solid var(--mt-border);box-shadow:0 18px 48px #00000038}:root[data-theme=light] .card{box-shadow:none}.btn-primary{background:var(--mt-primary);color:var(--mt-text-on-primary);border:none;height:var(--mt-button-height);padding:0 var(--mt-space-5);border-radius:var(--mt-radius);cursor:pointer;font-family:var(--mt-font-family);font-size:.875rem;font-weight:500}.btn-primary:hover{background:var(--mt-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--mt-control-bg);color:var(--mt-text);border:1px solid var(--mt-border);height:var(--mt-button-height);padding:0 var(--mt-space-5);border-radius:var(--mt-radius);cursor:pointer;font-family:var(--mt-font-family);font-size:.875rem}.btn-secondary:hover{background:var(--mt-bg-elevated);border-color:var(--mt-control-border-hover)}.theme-toggle{display:inline-flex;align-items:center;height:36px;padding:3px;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);color:var(--mt-text-secondary);cursor:pointer;font:inherit;font-size:.8125rem}.theme-toggle-option{display:inline-flex;align-items:center;height:28px;padding:0 var(--mt-space-3);border-radius:6px;font-weight:600}.theme-toggle-option[data-active=true]{background:var(--mt-primary);color:var(--mt-text-on-primary)}.input{background:var(--mt-control-bg);color:var(--mt-text);height:var(--mt-input-height);padding:0 var(--mt-space-3);border:1px solid var(--mt-border);border-radius:var(--mt-radius);font-family:var(--mt-font-family);font-size:.875rem;width:100%;max-width:400px}.input::placeholder{color:var(--mt-placeholder)}.input:focus{outline:2px solid var(--mt-primary);outline-offset:1px;border-color:var(--mt-primary)}.code-block{background:var(--mt-bg-code);color:var(--mt-text-code);padding:var(--mt-space-4);border-radius:var(--mt-radius);font-family:var(--mt-font-mono);font-size:.875rem;white-space:pre-wrap;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{border-bottom:1px solid var(--mt-border);padding:var(--mt-space-3);text-align:left;vertical-align:middle}.data-table tbody tr:hover{background:#ffffff06}.data-table th{color:var(--mt-text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem}.tabs{display:inline-flex;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);overflow:hidden}.tabs button{height:40px;padding:0 var(--mt-space-5);border:0;border-right:1px solid var(--mt-border);background:transparent;color:var(--mt-text-secondary);cursor:pointer;font:inherit}.tabs button:hover{background:var(--mt-bg-elevated);color:var(--mt-text)}.tabs button:last-child{border-right:0}.tabs .tab-active{background:var(--mt-primary);color:var(--mt-text-on-primary)}.panel-title{font-size:.875rem;font-weight:600;margin-bottom:var(--mt-space-4);color:var(--mt-text-secondary);text-transform:uppercase}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--mt-space-3)}.compact-select{height:36px;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-control-bg);color:var(--mt-text);padding:0 var(--mt-space-2);font:inherit}.notice{padding:var(--mt-space-3) var(--mt-space-4);border-radius:var(--mt-radius);margin-bottom:var(--mt-space-4);border:1px solid var(--mt-border)}.notice-ok{color:#a7f3d0;background:#10b9811f;border-color:#34d39952}.notice-error{color:#fecaca;background:#ef44441f;border-color:#f8717152}:root[data-theme=light] .notice-ok{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}:root[data-theme=light] .notice-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.status-grid{display:grid;gap:var(--mt-space-3)}.status-card{display:flex;align-items:center;justify-content:space-between;gap:var(--mt-space-4);padding:var(--mt-space-4);border:1px solid var(--mt-border);border-radius:var(--mt-radius)}.status-card p{color:var(--mt-text-secondary);margin-top:var(--mt-space-1)}.status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mt-space-4);margin-bottom:var(--mt-space-4)}.status-header .panel-title{margin-bottom:var(--mt-space-1)}.status-muted{color:var(--mt-text-secondary);font-size:.8125rem}.status-table td{vertical-align:top}.status-version{max-width:280px;color:var(--mt-text-secondary);word-break:break-word}.endpoint-list{display:grid;gap:var(--mt-space-3);min-width:240px}.endpoint-row{display:grid;grid-template-columns:10px minmax(0,1fr);gap:var(--mt-space-2);align-items:start}.endpoint-label{font-weight:600}.endpoint-address{color:var(--mt-text);font-size:.8125rem;overflow-wrap:anywhere}.status-dot{width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--mt-border)}.status-dot-ok,.status-dot-success,.status-dot-available{background:var(--mt-success)}.status-dot-error,.status-dot-failed{background:var(--mt-error)}.status-dot-configured,.status-dot-simulated{background:var(--mt-primary)}.status-dot-not_configured{background:var(--mt-text-secondary)}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--mt-space-2);border-radius:999px;background:var(--mt-bg-elevated);color:var(--mt-text-secondary);font-size:.75rem;font-weight:600}.status-ok,.status-success,.status-available{background:#10b98129;color:#a7f3d0}.status-error,.status-failed{background:#ef444429;color:#fecaca}.status-running,.status-active,.status-configured,.status-simulated{background:#4f8cff2b;color:#bfdbfe}.status-not_configured{background:#94a3b824;color:#cbd5e1}:root[data-theme=light] .status-ok,:root[data-theme=light] .status-success,:root[data-theme=light] .status-available{background:#dcfce7;color:#166534}:root[data-theme=light] .status-error,:root[data-theme=light] .status-failed{background:#fee2e2;color:#991b1b}:root[data-theme=light] .status-running,:root[data-theme=light] .status-active,:root[data-theme=light] .status-configured,:root[data-theme=light] .status-simulated{background:#dbeafe;color:#1e40af}:root[data-theme=light] .status-not_configured{background:#f1f5f9;color:#475569}.node-red-frame-panel{height:min(78vh,920px);min-height:620px;border:1px solid var(--mt-border);border-radius:var(--mt-radius);background:var(--mt-bg-card);overflow:hidden}.node-red-frame{display:block;width:100%;height:100%;border:0;background:var(--mt-bg-card)}