@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:222 47% 11%;--bg-surface:222 47% 15%;--bg-panel:222 47% 18%;--text-main:0 0% 98%;--text-muted:215 20% 65%;--primary:217 91% 60%;--primary-glow:217 91% 60% / .2;--status-good:142 71% 45%;--status-bad:0 84% 60%;--status-warn:38 92% 50%;--status-info:199 89% 48%;--border-light:216 34% 27% / .5;--border-focus:217 91% 60%;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 4px 30px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-base));color:hsl(var(--text-main));-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px}.slave-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;transition:all .2s}.slave-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.text-gradient{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--status-info)));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{color:#00bfff;cursor:pointer;background:#00bfff1a;border:1px solid #00bfff4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#00bfff33;border-color:#00bfff80;transform:translateY(-1px)}.btn-secondary{color:#fff;border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#ff453a;cursor:pointer;background:#ff453a1a;border:1px solid #ff453a4d;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-danger:hover:not(:disabled){background:#ff453a33;border-color:#ff453a80}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-ghost:hover:not(:disabled){color:#fff;background:#ffffff1a}.btn-ghost-danger{color:hsl(var(--status-bad));cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-ghost-danger:hover:not(:disabled){background:#ff453a1a}.input-field{background:hsl(var(--bg-surface));border:1px solid var(--border-light);color:hsl(var(--text-main));border-radius:8px;outline:none;width:100%;padding:10px 14px;transition:border-color .2s}.input-field:focus{border-color:hsl(var(--border-focus))}select{color:hsl(var(--text-main));border:1px solid var(--border-light);background-color:#1e293b;border-radius:8px;outline:none}select option{padding:8px 12px;color:#f8fafc!important;background-color:#1e293b!important}@keyframes pulse-glow{0%{opacity:.8}50%{opacity:1;filter:brightness(1.2)}to{opacity:.8}}.status-indicator{border-radius:50%;width:10px;height:10px;display:inline-block}.status-indicator.good{background:hsl(var(--status-good));box-shadow:0 0 8px hsl(var(--status-good))}.status-indicator.bad{background:hsl(var(--status-bad));box-shadow:0 0 8px hsl(var(--status-bad));animation:2s infinite pulse-glow}:root{--scrollbar-size:10px;--scrollbar-track:hsl(var(--bg-base));--scrollbar-thumb:hsl(var(--text-muted) / .65);--scrollbar-hover:hsl(var(--text-muted));--scrollbar-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}::-webkit-scrollbar-track{border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}}@media (forced-colors:active){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{all:revert}::-webkit-scrollbar-track{all:revert}::-webkit-scrollbar-thumb{all:revert}::-webkit-scrollbar-corner{all:revert}::-webkit-scrollbar-thumb:hover{all:revert}}.operational-view{min-width:0;max-width:100%;font-size:13px;font-weight:400;line-height:1.5}.operational-view h1,.operational-view h2{margin:0;font-size:20px;font-weight:600;line-height:1.35}.operational-view h3{margin:12px 0;font-size:15px;font-weight:600}.operational-view p{margin:4px 0}.operational-view small,.operational-view .op-secondary{color:hsl(var(--text-muted));font-size:12px;font-weight:400}.operational-view label,.operational-view summary{font-size:13px;font-weight:500}.operational-view button,.operational-view input,.operational-view select{font:inherit;min-height:36px}.operational-view button{white-space:normal;padding:7px 12px}.operational-view input,.operational-view select{width:100%;min-width:0;padding:7px 10px}.operational-view input[type=checkbox]{vertical-align:middle;width:18px;min-height:18px}.operational-view :is(button,input,select,summary,[tabindex]):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.operational-view .op-header,.operational-view .op-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.operational-view .op-header{justify-content:space-between;gap:16px}.operational-view .op-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end;gap:12px 16px;padding:16px;display:grid}.operational-view .op-filters label{gap:5px;min-width:0;display:grid}.operational-view .op-table-scroll{border-radius:10px;min-width:0;max-width:100%;overflow-x:auto}.operational-view .op-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.operational-view .op-table th,.operational-view .op-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid var(--glass-border);padding:12px 16px}.operational-view .op-table th{color:hsl(var(--text-muted));background:hsl(var(--bg-panel));font-weight:600}.operational-view .op-table td{font-weight:400}.operational-view .op-table tbody tr:last-child td{border-bottom:0}.operational-view .audit-table{min-width:1490px}.operational-view .audit-table th:first-child{width:160px}.operational-view .audit-table th:nth-child(2){width:150px}.operational-view .audit-table th:nth-child(3){width:160px}.operational-view .audit-table th:nth-child(4),.operational-view .audit-table th:nth-child(5){width:190px}.operational-view .audit-table th:nth-child(6),.operational-view .audit-table th:nth-child(7){width:125px}.operational-view .audit-table th:nth-child(8){width:165px}.operational-view .audit-table th:nth-child(9),.operational-view .audit-table th:nth-child(10){width:110px}.operational-view .audit-table :is(th,td):nth-child(7){border-left:1px solid var(--glass-border)}.operational-view .op-details{overflow-wrap:anywhere;min-width:0;padding:16px}.operational-view .op-metadata{grid-template-columns:minmax(110px,160px) minmax(0,1fr);gap:8px 16px;margin:12px 0;display:grid}.operational-view .op-metadata dt{color:hsl(var(--text-muted));font-weight:500}.operational-view .op-metadata dd{min-width:0;margin:0;font-weight:400}.operational-view code{white-space:normal;overflow-wrap:anywhere;font-size:12px}.operational-view .op-timeline{border-left:2px solid var(--glass-border);margin:12px 0 0 6px;padding-left:16px;list-style:none}.operational-view .op-timeline li{padding:0 0 14px}.operational-view .op-timeline time{color:hsl(var(--text-muted));font-size:12px;display:block}.operational-view .op-empty{text-align:center;color:hsl(var(--text-muted));padding:24px 16px}.alarm-console{flex-direction:column;gap:16px;padding:24px;display:flex}.operational-view .alarm-table{min-width:1250px}.operational-view .alarm-table th:first-child{width:165px}.operational-view .alarm-table th:nth-child(2){width:175px}.operational-view .alarm-table th:nth-child(3){width:280px}.operational-view .alarm-table th:nth-child(4){width:130px}.operational-view .alarm-table th:nth-child(5){width:155px}.operational-view .alarm-table th:nth-child(6){width:190px}.operational-view .alarm-table th:nth-child(7){width:200px}.operational-view .alarm-table td:first-child{border-left:4px solid var(--alarm-color)}.operational-view .alarm-message{align-items:flex-start;gap:8px;display:flex}.operational-view .alarm-message svg{flex-shrink:0;margin-top:2px}.operational-view .alarm-state{color:var(--alarm-color)}.operational-view .alarm-unacknowledged{animation:2s infinite alarm-console-pulse}@keyframes alarm-console-pulse{0%,to{background:#ef44440a}50%{background:#ef44441f}}@media (prefers-reduced-motion:reduce){.operational-view .alarm-unacknowledged{animation:none}}@media (width<=640px){.alarm-console{padding:16px}.operational-view .op-metadata{grid-template-columns:minmax(0,1fr);gap:3px}.operational-view .op-metadata dd{margin-bottom:8px}}.profiles-page{min-width:0;padding:2rem}.profiles-toolbar,.profiles-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profiles-toolbar{justify-content:space-between;margin-bottom:16px}.profiles-actions>button,.profiles-actions .profile-import-trigger{justify-content:center;align-items:center;min-height:42px;margin:0;line-height:20px;display:inline-flex}.profiles-actions>.btn-primary:hover:not(:disabled){transform:none}.profiles-page>.profiles-actions{margin:12px 0 16px}.system-profile-list{gap:12px;display:grid}.system-profile-list .btn-secondary{align-items:center;display:inline-flex}.profiles-cards{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px;margin-top:24px;display:grid}.profile-card-content{text-align:left;width:100%;font:inherit;color:hsl(var(--text-main));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:16px;transition:background .2s,border-color .2s;display:block}.profile-card-content strong{overflow-wrap:anywhere;display:block}.profile-card-content p{color:hsl(var(--text-muted));overflow-wrap:anywhere;margin-top:8px}.profile-card-content:hover{background:hsl(var(--bg-panel));border-color:var(--glass-border)}.profile-card-content:active{background:hsl(var(--bg-base))}.profile-card-content:focus-visible,.profile-import button:focus-visible,.profile-table-scroll:focus-visible{outline:2px solid hsl(var(--border-focus));outline-offset:2px}.profile-import{flex:none;margin:0;display:flex;position:relative}.profile-import-trigger{align-items:center;gap:8px;display:inline-flex}.profile-import-menu{z-index:20;border:1px solid var(--glass-border);background:hsl(var(--bg-surface));width:max-content;max-width:min(320px,100vw - 32px);box-shadow:var(--glass-shadow);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);left:0}.profiles-toolbar .profile-import-menu{left:auto;right:0}.profile-import-menu button{text-align:left;width:100%;font:inherit;color:hsl(var(--text-main));cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px;display:block}.profile-import-menu button:hover,.profile-import-menu button:focus{background:hsl(var(--bg-panel))}.profile-import-menu button:active{background:hsl(var(--bg-base))}.profile-table-scroll{isolation:isolate;border:1px solid var(--glass-border);border-radius:8px;max-height:min(65vh,640px);overflow:auto}.profile-table-scroll table{text-align:left;border-collapse:separate;border-spacing:0;width:100%}.profile-table-scroll th,.profile-table-scroll td{border-bottom:1px solid var(--glass-border);padding:12px}.profile-table-scroll th{z-index:1;background:hsl(var(--bg-surface));color:hsl(var(--text-main));position:sticky;top:0}.profile-table-scroll td{min-width:100px}.profile-table-scroll td:first-child{overflow-wrap:anywhere}.profile-table-scroll input[type=number]{background:hsl(var(--bg-base));color:hsl(var(--text-main));border:1px solid hsl(var(--border-light));border-radius:4px;padding:6px}@media (width<=900px){.profiles-actions{width:100%}.profiles-toolbar .profile-import-menu{left:0;right:auto}}@media (width<=600px){.profiles-page{padding:1rem}}.profile-point-selector,.profile-provisioning-picker{min-inline-size:0}.boss-catalog-fields{border:0;flex-direction:column;align-items:stretch;gap:12px;min-width:0;display:flex}.boss-catalog-fields>label{gap:4px;display:grid}.boss-catalog-fields>button{align-self:flex-start}.profile-dialog{width:min(720px,92vw);max-height:90vh;color:hsl(var(--text-main));background:hsl(var(--bg-surface));margin:auto;padding:24px;position:fixed;inset:0;overflow:auto}.profile-dialog::backdrop{background:#000000a6}.profile-dialog h3{margin-bottom:16px}.profile-dialog label{line-height:1.5}.profile-dialog .input-field{background:hsl(var(--bg-base));border:1px solid hsl(var(--border-light));width:100%;margin-top:4px}.profile-dialog .input-field:focus{border-color:hsl(var(--border-focus))}.profile-dialog fieldset fieldset{border:1px solid var(--glass-border);border-radius:8px;gap:12px;padding:12px;display:grid}.profile-dialog summary{cursor:pointer}.profile-dialog [role=alert]{color:hsl(var(--status-bad))}.carel-table-preview{border-collapse:collapse;white-space:nowrap;width:100%}.carel-table-preview th,.carel-table-preview td{text-align:left;border-bottom:1px solid hsl(var(--border-light));padding:8px 12px}.carel-table-preview th{background:hsl(var(--bg-surface));position:sticky;top:0}.carel-table-preview td:nth-child(6),.carel-table-preview td:last-child{white-space:normal;overflow-wrap:anywhere;min-width:220px;max-width:360px}.readonly-onboarding{gap:16px;display:grid}.readonly-onboarding h2{font-size:18px}.readonly-onboarding>p,.readonly-point small,.readonly-source small{color:hsl(var(--text-muted));font-size:13px}.readonly-source{border:1px solid var(--glass-border);border-radius:10px;gap:12px;padding:16px;display:grid}.readonly-filters{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr));gap:8px;display:grid}.readonly-source-header,.readonly-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.readonly-source small{margin-top:4px;display:block}.readonly-points{max-height:380px;overflow:auto}.readonly-point{border-bottom:1px solid var(--glass-border);cursor:pointer;gap:12px;padding:12px 0;display:flex}.readonly-point input{margin-top:4px}.readonly-point small{display:block}.cpco-form{gap:24px;max-width:1000px;margin:auto;padding:24px;display:grid}.cpco-form form{gap:16px;display:grid}.cpco-form form label{gap:6px;display:grid}.cpco-form .input-field{width:100%}.boss-model-selection fieldset{min-width:0}.boss-model-selection{overflow-wrap:anywhere;min-width:0}.boss-model-selection button:not(.btn-primary){border:1px solid var(--glass-border);background:hsl(var(--bg-panel));color:hsl(var(--text-main));cursor:pointer;border-radius:6px;padding:8px 10px}.boss-model-selection button:disabled{opacity:.5;cursor:default}.boss-model-selection input:not([type=checkbox]),.boss-model-selection select{min-width:0}.boss-model-selection .readonly-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));margin:12px 0}.boss-model-selection details.readonly-source{display:block}.boss-model-selection summary{cursor:pointer;overflow-wrap:anywhere;padding:8px 0}.boss-model-selection select,.boss-model-selection input:not([type=checkbox]){max-width:100%}.boss-model-selection .readonly-point{overflow-wrap:anywhere}.boss-model-selection table{overflow-wrap:anywhere;width:100%;font-size:13px}.scada-editor{min-width:0}.scada-editor>.glass-panel{flex-wrap:wrap;gap:12px}.scada-editor>.glass-panel>div{flex-wrap:wrap;min-width:0}.scada-editor-body{min-height:0}.scada-editor-body>:first-child,.scada-editor-body>:last-child{flex-shrink:0;overflow-y:auto}.scada-editor-body>:nth-child(2){min-width:0}.scada-editor-body input,.scada-editor-body select{min-width:0;max-width:100%}@media (width<=900px){.scada-editor{height:auto!important}.scada-editor-body{flex-direction:column;overflow:visible!important}.scada-editor-body>:first-child,.scada-editor-body>:last-child{box-sizing:border-box;width:100%!important}.scada-editor-body>:first-child{max-height:180px}.scada-editor-body>:nth-child(2){height:360px;flex:none!important}.scada-editor-body>:last-child{min-height:300px;max-height:75vh}}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;-o-user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{width:20px;height:20px;position:absolute}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}