.scada-launcher{z-index:5;color:#4d5ed0;background:#fff;border:1px solid #ced5fb;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:800;position:fixed;bottom:26px;right:30px;box-shadow:0 18px 48px #18234814}.rules-workspace{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:18px;display:grid}.rules-library{background:#fff;border:1px solid #e1e6ee;border-radius:13px;position:sticky;top:18px;overflow:hidden;box-shadow:0 3px 8px #141e3c08}.rules-library-head{border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;padding:16px;display:flex}.rules-library-head>div{gap:3px;display:grid}.rules-library-head strong{font-size:13px}.rules-library-head span{color:#7a879a;font-size:10px}.rules-library-head button{color:#4e60d4;background:#e9edff;border:0;border-radius:7px;place-items:center;width:27px;height:27px;font-size:18px;font-weight:800;display:grid}.rules-library-list{padding:8px;display:grid}.rules-library-list article{border:1px solid #0000;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.rules-library-list article.active{background:#f1f3ff;border-color:#cad3fa}.rules-library-list article>button:first-child{color:#4b5670;text-align:left;background:0 0;border:0;align-items:flex-start;gap:8px;min-width:0;padding:10px;display:flex}.rule-library-status{background:#35bb84;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 3px #dff7ec}.rules-library-list article>button:first-child>span:last-child{gap:3px;min-width:0;display:grid}.rules-library-list strong{color:#35415a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rules-library-list small{color:#79869a;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.rules-library-list em{color:#596bcb;font-size:9px;font-style:normal;font-weight:750}.rule-library-remove{color:#98a2b2;background:0 0;border:0;border-radius:6px;width:25px;height:25px;margin:7px 5px 0 0;padding:0;font-size:16px}.rule-library-remove:hover{color:#b74757;background:#fff0f1}.rules-library-note{color:#8490a2;border-top:1px solid #edf0f5;margin:8px 16px 16px;padding-top:13px;font-size:9px;line-height:1.5}.rules-editor{min-width:0}:root[data-theme=dark] .rules-library{background:#121c30;border-color:#293954}:root[data-theme=dark] .rules-library-head{border-color:#293954}:root[data-theme=dark] .rules-library-head strong,:root[data-theme=dark] .rules-library-list strong{color:#e5ecfa}:root[data-theme=dark] .rules-library-head span,:root[data-theme=dark] .rules-library-list small,:root[data-theme=dark] .rules-library-note,:root[data-theme=dark] .rule-step p,:root[data-theme=dark] .rule-preview-line span,:root[data-theme=dark] .rule-actions label{color:#aab9cf}:root[data-theme=dark] .rules-library-head button{color:#a8c5ff;background:#203351}:root[data-theme=dark] .rules-library-list article.active{background:#1b2d4b;border-color:#4164a1}:root[data-theme=dark] .rules-library-list em{color:#a8c5ff}:root[data-theme=dark] .rule-library-status{background:#52d49c;box-shadow:0 0 0 3px #173d35}:root[data-theme=dark] .rule-library-remove{color:#96a9c5}:root[data-theme=dark] .rule-library-remove:hover{color:#ffc2cb;background:#542936}:root[data-theme=dark] .rules-library-note{border-color:#293954}:root[data-theme=dark] .rule-condition>span,:root[data-theme=dark] .logic-hint{color:#aab9cf}@media (max-width:1050px){.rules-workspace{grid-template-columns:1fr}.rules-library{position:static}.rules-library-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media (max-width:600px){.rules-library-list{grid-template-columns:1fr}.rules-library-head{padding:13px}.rules-library-note{margin:7px 13px 13px}}:root[data-theme=dark] .overview-stats article,:root[data-theme=dark] .overview-card,:root[data-theme=dark] .gateway-card,:root[data-theme=dark] .device-table-card{color:#e5ecfa;background:#121c30;border-color:#293954}:root[data-theme=dark] .overview-stats article span,:root[data-theme=dark] .overview-stats article em,:root[data-theme=dark] .overview-activity small,:root[data-theme=dark] .overview-activity em,:root[data-theme=dark] .health-ring span,:root[data-theme=dark] .health-list,:root[data-theme=dark] .availability-labels,:root[data-theme=dark] .device-mini-list,:root[data-theme=dark] .device-mini-list small,:root[data-theme=dark] .quick-actions button small,:root[data-theme=dark] .gateway-card dt,:root[data-theme=dark] .device-filter span,:root[data-theme=dark] .device-table-card td{color:#9aabc5}:root[data-theme=dark] .overview-stats strong,:root[data-theme=dark] .overview-activity strong,:root[data-theme=dark] .health-ring strong,:root[data-theme=dark] .quick-actions button strong,:root[data-theme=dark] .gateway-card h2,:root[data-theme=dark] .gateway-card dd,:root[data-theme=dark] .device-table-card td strong{color:#e5ecfa}:root[data-theme=dark] .overview-activity>div,:root[data-theme=dark] .health-list,:root[data-theme=dark] .device-mini-list{border-color:#293954}:root[data-theme=dark] .availability-bar{background:#263550}:root[data-theme=dark] .device-filter button{color:#b9c8df;background:#16233a;border-color:#344764}:root[data-theme=dark] .device-filter button.active{color:#f4f8ff;background:#254d9a;border-color:#5784ee}:root[data-theme=dark] .device-table-card th{color:#aab9cf;background:#16233a}:root[data-theme=dark] .device-table-card td{border-color:#293954}:root[data-theme=dark] .gateway-card code,:root[data-theme=dark] .device-table-card code{color:#a8c5ff}.scada-toolbar{color:#748096;background:#fff;border:1px solid #e1e6ee;border-radius:10px;align-items:center;gap:18px;height:47px;margin-bottom:17px;padding:0 15px;font-size:11px;font-weight:700;display:flex}.scada-toolbar button{color:#5162cf;background:0 0;border:0;font-size:11px;font-weight:800}.scada-active{color:#485acb;background:#e9ebff;border-radius:6px;padding:6px 8px}.scada-layout{background:#fff;border:1px solid #dfe5ed;border-radius:14px;grid-template-columns:minmax(0,1fr) 282px;min-height:570px;display:grid;overflow:hidden}.scada-canvas{background:linear-gradient(145deg,#eaf0f4 0,#f8fafb 55%,#e4ebef 100%);min-height:570px;position:relative;overflow:hidden}.scada-grid{opacity:.7;background-image:linear-gradient(#62758a1f 1px,#0000 1px),linear-gradient(90deg,#62758a1f 1px,#0000 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0}.scada-title{color:#687589;letter-spacing:.1em;font-size:10px;font-weight:900;position:absolute;top:22px;left:24px}.scada-flow{opacity:.8;border:2px dashed #b9c6d1;border-radius:40px;height:40px;position:absolute}.flow-one{border-bottom:0;border-right:0;width:50%;top:43%;left:13%}.flow-two{border-bottom:0;border-left:0;width:43%;top:57%;left:33%}.scada-machine{z-index:2;text-align:left;background:#fff;border:1px solid #cbd5df;border-radius:10px;align-items:center;gap:9px;min-width:178px;padding:8px 11px 8px 8px;transition:all .18s;display:flex;position:absolute;transform:translate(-8%,-12%);box-shadow:0 7px 16px #1f30421c}.scada-machine:hover,.scada-machine.selected{border-color:#6272df;box-shadow:0 0 0 3px #dfe3ff,0 8px 18px #1f304226}.scada-machine.warning{border-left:4px solid #e59a30}.scada-machine.offline{opacity:.78;border-left:4px solid #a7afbb}.machine-symbol{color:#4a5bd2;background:linear-gradient(145deg,#f4f8fa,#e1eaee);border:1px solid #d5dfe5;border-radius:7px;place-items:center;width:58px;height:47px;font-size:16px;display:grid;overflow:hidden}.equipment-visual{filter:drop-shadow(0 2px 1px #1c303d2e);width:58px;height:47px;display:block}.scada-machine.warning .machine-symbol{background:#fff9ed;border-color:#f0c477}.scada-machine.offline .machine-symbol{filter:grayscale(.55);background:#f0f3f5;border-color:#d6dce1}.machine-symbol.asset-visual,.asset-visual .equipment-visual{width:68px;height:54px}.scada-machine>span:nth-child(2),.asset-status>span:nth-child(2){gap:3px;display:grid}.scada-machine strong{font-size:11px}.scada-machine small{color:#788498;white-space:nowrap;font-size:9px}.scada-machine>i{background:#2dbb83;border-radius:50%;width:7px;height:7px;margin-left:auto}.scada-machine.warning>i{background:#e59a30}.scada-machine.offline>i{background:#9aa5b4}.scada-legend{color:#66758a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe0;border:1px solid #dbe2ea;border-radius:7px;gap:12px;padding:8px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:18px;left:21px}.scada-legend span{align-items:center;gap:5px;display:flex}.scada-legend i{background:#2dbb83;border-radius:50%;width:7px;height:7px}.scada-legend i.warning{background:#e59a30}.scada-legend i.offline{background:#9aa5b4}.machine-inspector{background:#fbfcfe;border-left:1px solid #e3e8ef;padding:22px}.asset-status{align-items:center;gap:10px;margin:14px 0 22px;display:flex}.asset-status .machine-symbol{width:38px;height:38px}.asset-status strong{font-size:13px}.asset-status small{color:#7c8799;font-size:10px}.asset-status>i{margin-left:auto}.machine-inspector label{color:#58647a;gap:7px;font-size:11px;font-weight:800;display:grid}.machine-inspector input{color:#273148;background:#fff;border:1px solid #dce1eb;border-radius:8px;padding:10px}.machine-inspector input:disabled{color:#596579;background:#f2f4f8}.full{width:100%;margin-top:9px}.inline-actions{gap:8px;margin-top:9px;display:flex}.inline-actions button{flex:1}.inspector-divider{background:#e5e9f0;height:1px;margin:21px 0}.machine-inspector h3{letter-spacing:-.025em;margin:5px 0 8px;font-size:16px}.machine-inspector .muted{margin:0 0 12px;font-size:11px;line-height:1.55}.quiet-button{color:#5264cf;background:0 0;border:0;width:100%;margin-top:6px;padding:8px;font-size:11px;font-weight:800}.asset-metrics{gap:10px;margin-top:18px;display:grid}.asset-metrics>div{border-top:1px solid #e8ecf2;justify-content:space-between;padding-top:10px;font-size:10px;display:flex}.asset-metrics span{color:#8490a2}.asset-metrics strong{text-transform:capitalize;font-size:11px}.asset-metrics strong.online{color:#188662}.asset-metrics strong.warning{color:#b66b15}.asset-metrics strong.offline{color:#7c8697}@media (max-width:760px){.scada-launcher{bottom:18px;right:17px}.scada-toolbar{white-space:nowrap;overflow:auto}.scada-layout{grid-template-columns:1fr}.scada-canvas{min-height:500px}.machine-inspector{border-top:1px solid #e3e8ef;border-left:0}.scada-machine{min-width:125px;padding:7px}.scada-machine small{text-overflow:ellipsis;max-width:74px;overflow:hidden}.scada-machine .machine-symbol{width:25px;height:25px}.scada-legend{bottom:12px;left:12px}}.user-avatar{padding:0 9px;border-radius:16px!important;width:auto!important;min-width:44px!important;font-size:10px!important}.share-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111b326b;place-items:center;padding:22px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.share-dialog{background:#fff;border:1px solid #dce2ef;border-radius:17px;width:min(590px,100%);padding:31px;position:relative;box-shadow:0 28px 70px #0f1b3e40}.share-dialog h2{letter-spacing:-.045em;margin:0 0 8px;font-size:28px}.share-dialog>.muted{max-width:510px;margin:0;font-size:13px}.share-close{position:absolute;top:18px;right:18px}.share-qr{background:#f9faff;border:1px solid #e1e6ef;border-radius:12px;align-items:center;gap:22px;margin:23px 0;padding:18px;display:flex}.qr-frame{background:#fff;border:1px solid #dce2ee;border-radius:9px;place-items:center;padding:8px;display:grid}.share-qr>div:nth-child(2){gap:7px;display:grid}.share-qr strong{font-size:14px}.share-qr span{color:#748095;font-size:11px}.share-qr .secondary-button{justify-self:start;margin-top:5px;padding:8px 10px;font-size:11px}.share-link{color:#4d5870;gap:7px;font-size:11px;font-weight:800;display:grid}.share-link>div{background:#fafbfe;border:1px solid #dbe1eb;border-radius:9px;align-items:center;gap:8px;padding:7px 7px 7px 12px;display:flex}.share-link code{color:#5263cb;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.share-link .primary-button{white-space:nowrap;padding:8px 11px;font-size:11px}.share-note{color:#66708a;background:#eef1ff;border-radius:9px;gap:9px;margin-top:15px;padding:11px 12px;font-size:10px;line-height:1.45;display:flex}.share-note span{color:#5364df;font-size:16px}.share-note p{margin:0}.share-actions{justify-content:flex-end;gap:9px;margin-top:21px;display:flex}.share-actions a{align-items:center;display:inline-flex}.shared-dashboard{color:#172033;background:#f6f7fb;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.shared-dashboard header{background:#fff;border-bottom:1px solid #e1e6ee;justify-content:space-between;align-items:center;height:68px;padding:0 7vw;display:flex}.shared-brand{color:#293cba;letter-spacing:-.04em;align-items:baseline;gap:7px;font-weight:900;display:flex}.shared-brand span{font-size:21px}.shared-brand small{color:#718098;letter-spacing:0;font-size:11px;font-weight:700}.shared-status{color:#16825f;font-size:11px;font-weight:800}.shared-content{max-width:1160px;margin:0 auto;padding:55px 28px}.shared-content h1{letter-spacing:-.05em;margin:0;font-size:37px}.shared-subtitle{color:#718095;margin:7px 0 27px;font-size:13px}.shared-metrics{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.shared-metrics article,.shared-chart{background:#fff;border:1px solid #e1e6ee;border-radius:13px;padding:20px;box-shadow:0 3px 8px #141e3c08}.shared-metrics span{color:#748095;font-size:12px;font-weight:700;display:block}.shared-metrics strong{letter-spacing:-.04em;margin:13px 0 8px;font-size:28px;display:block}.shared-metrics small{color:#78849a;font-size:13px}.shared-metrics em{color:#16825f;font-size:10px;font-style:normal;font-weight:700}.shared-chart{margin-top:15px}.shared-chart>div{gap:4px;display:grid}.shared-chart strong{font-size:14px}.shared-chart span{color:#7b879a;font-size:11px}.shared-chart svg{width:100%;height:210px;margin-top:15px}.shared-token{color:#99a2b1;font-size:10px}@media (max-width:620px){.share-dialog{padding:25px 18px}.share-qr{align-items:flex-start;gap:14px}.qr-frame{padding:4px}.qr-frame svg{width:122px;height:122px}.share-actions{flex-wrap:wrap}.shared-dashboard header{padding:0 20px}.shared-content{padding:34px 18px}.shared-metrics{grid-template-columns:1fr}.shared-content h1{font-size:31px}}.shared-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.client-mode-switch{background:#fff;border:1px solid #dde2ec;border-radius:9px;padding:3px;display:flex}.client-mode-switch button{color:#758096;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:800}.client-mode-switch button.active{color:#4d5ed0;background:#eef0ff}.client-scada{background:#fff;border:1px solid #dfe5ed;border-radius:14px;grid-template-columns:minmax(0,1fr) 265px;display:grid;overflow:hidden;box-shadow:0 3px 8px #141e3c08}.client-scada-canvas{background:linear-gradient(145deg,#eaf0f4,#f8fafb 55%,#e4ebef);min-height:540px;position:relative;overflow:hidden}.client-grid{background-image:linear-gradient(#62758a1f 1px,#0000 1px),linear-gradient(90deg,#62758a1f 1px,#0000 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0}.client-scada-title{color:#687589;letter-spacing:.1em;font-size:10px;font-weight:900;position:absolute;top:21px;left:22px}.client-flow{border:2px dashed #b9c6d1;border-radius:40px;height:42px;position:absolute}.client-flow-one{border-bottom:0;border-right:0;width:52%;top:43%;left:12%}.client-flow-two{border-bottom:0;border-left:0;width:42%;top:58%;left:34%}.client-asset{z-index:2;text-align:left;background:#fff;border:1px solid #ccd6df;border-radius:9px;align-items:center;gap:8px;min-width:160px;padding:7px 9px;transition:all .18s;display:flex;position:absolute;transform:translate(-8%,-12%);box-shadow:0 6px 14px #1f30421f}.client-asset:hover,.client-asset.selected{border-color:#6272df;box-shadow:0 0 0 3px #dfe3ff,0 8px 18px #1f304226}.client-asset>span{background:#e9eff2;border-radius:6px;place-items:center;width:45px;height:37px;display:grid}.client-asset svg{width:45px;height:37px}.client-asset div{gap:3px;display:grid}.client-asset strong{font-size:10px}.client-asset small{color:#788498;font-size:9px}.client-asset>i{background:#2dbb83;border-radius:50%;width:7px;height:7px;margin-left:auto}.client-asset.warning{border-left:4px solid #e59a30}.client-asset.warning>i{background:#e59a30}.client-asset.offline{opacity:.76;border-left:4px solid #a7afbb}.client-asset.offline>i{background:#9aa5b4}.client-legend{color:#66758a;background:#ffffffe0;border:1px solid #dbe2ea;border-radius:7px;gap:10px;padding:8px 10px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:16px;left:18px}.client-legend span{align-items:center;gap:5px;display:flex}.client-legend i{background:#2dbb83;border-radius:50%;width:7px;height:7px}.client-legend i.warning{background:#e59a30}.client-legend i.offline{background:#9aa5b4}.client-asset-info{background:#fff;border-left:1px solid #e0e6ed;padding:22px}.client-selected-visual{background:#edf3f5;border:1px solid #d8e2e7;border-radius:10px;place-items:center;width:72px;height:60px;margin:12px 0;display:grid}.client-selected-visual svg{width:67px;height:54px}.client-asset-info h2{letter-spacing:-.035em;margin:0;font-size:19px}.client-asset-info>p:not(.eyebrow):not(.client-read-only){color:#748095;margin:5px 0 10px;font-size:11px}.client-state{color:#16825f;text-transform:capitalize;background:#e7f7ef;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.client-state.warning{color:#c77718;background:#fff1df}.client-state.offline{color:#778194;background:#eef0f4}.client-info-grid{border-top:1px solid #edf0f4;gap:0;margin-top:20px;display:grid}.client-info-grid span{color:#7d8798;border-bottom:1px solid #edf0f4;justify-content:space-between;padding:10px 0;font-size:10px;display:flex}.client-info-grid strong{color:#3c4861;font-size:10px}.client-read-only{text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#8d97a6!important;margin-top:17px!important;font-size:10px!important}@media (max-width:760px){.shared-heading{flex-direction:column}.client-scada{grid-template-columns:1fr}.client-scada-canvas{min-height:510px}.client-asset{min-width:125px;padding:5px}.client-asset>span,.client-asset svg{width:33px;height:29px}.client-asset small{text-overflow:ellipsis;white-space:nowrap;max-width:65px;overflow:hidden}.client-asset-info{border-top:1px solid #e0e6ed;border-left:0}.client-legend{bottom:11px;left:10px}}.live-date-time,.client-date-time{color:#788499;font-variant-numeric:tabular-nums;font-size:10px}.client-header-status{align-items:center;gap:16px;display:flex}.share-protection{background:#fafbfe;border:1px solid #dde3ee;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin-top:15px;padding:13px;display:flex}.share-protection strong{font-size:11px}.share-protection p{color:#7b879a;margin:3px 0 0;font-size:10px}.share-password{color:#4d5870;gap:6px;margin-top:12px;font-size:11px;font-weight:800;display:grid}.share-password input{border:1px solid #dbe1eb;border-radius:8px;outline:none;width:100%;padding:10px 11px}.share-password input:focus{border-color:#7987e8;box-shadow:0 0 0 3px #e9ebff}.share-password small{color:#7c8798;font-size:10px;font-weight:500}.client-contact-fields{background:#fafbfe;border:1px solid #dfe5f0;border-radius:10px;gap:14px;padding:15px;display:grid}.client-contact-fields>p{color:#718096;margin:0;font-size:11px;line-height:1.5}.client-events{background:#fff;border:1px solid #e1e6ee;border-radius:13px;margin-top:15px;padding:20px;box-shadow:0 3px 8px #141e3c08}.client-events-heading{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.client-events-heading p{color:#263248;margin:0;font-size:14px;font-weight:800}.client-events-heading span{color:#7d8798;margin-top:4px;font-size:10px;display:block}.client-events-heading button{color:#5264d5;background:0 0;border:0;font-size:10px;font-weight:800}.client-event{border-top:1px solid #edf0f5;align-items:center;gap:10px;padding:12px 0;display:flex}.client-event>i{color:#c77718;background:#fff1df;border-radius:8px;place-items:center;width:27px;height:27px;font-size:12px;font-style:normal;font-weight:900;display:grid}.client-event.resolved>i{color:#17835f;background:#e5f8f0}.client-event.info>i{color:#5264df;background:#eef0ff}.client-event>div{flex:1;gap:3px;display:grid}.client-event strong{font-size:11px}.client-event span{color:#7f8a9c;font-size:10px}.client-event time{color:#929cad;white-space:nowrap;font-size:10px}@media (max-width:760px){.live-date-time{display:none}.client-header-status{gap:8px}.client-date-time{display:none}.client-event{align-items:flex-start}.client-event time{font-size:9px}.client-events{padding:15px}.share-protection{align-items:flex-start}}.scada-canvas,.client-scada-canvas{background:linear-gradient(90deg,#5264df12 0 27%,#0000 27% 100%),linear-gradient(0deg,#29ae840b 0 45%,#0000 45% 100%),linear-gradient(145deg,#eaf0f4 0,#f8fafb 55%,#e4ebef 100%)}.scada-canvas:before,.client-scada-canvas:before{content:"POWER DISTRIBUTION";z-index:1;color:#78879a;letter-spacing:.12em;font-size:8px;font-weight:900;position:absolute;top:58px;left:22px}.scada-flow.flow-one{width:52%;top:43%;left:22%}.scada-flow.flow-two{width:29%;top:58%;left:45%}.client-flow-one{width:52%;top:43%;left:22%}.client-flow-two{width:29%;top:58%;left:45%}@media (max-width:760px){.scada-canvas:before,.client-scada-canvas:before{font-size:7px;top:54px;left:13px}.scada-flow.flow-one,.client-flow-one{width:55%;left:19%}.scada-flow.flow-two,.client-flow-two{width:34%;left:42%}}.share-backdrop{overflow-y:auto}.share-dialog{max-height:calc(100dvh - 28px);overflow-y:auto}.share-actions{z-index:2;background:#fff;border-top:1px solid #e6e9f0;margin:21px -31px -31px;padding:14px 31px;position:sticky;bottom:-31px;box-shadow:0 -8px 18px #1c27480d}@media (max-width:620px){.share-dialog{max-height:calc(100dvh - 20px)}.share-actions{margin:18px -18px -25px;padding:13px 18px;bottom:-25px}}.client-access-shell{color:#172033;background:#f6f7fb;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid}.client-access-intro{color:#fff;background:radial-gradient(circle at 70% 15%,#384bb7 0,#0000 34%),linear-gradient(135deg,#111a42,#243679);padding:clamp(48px,9vw,150px)}.client-access-mark{color:#fff;background:linear-gradient(135deg,#6575ec,#3949bb);border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:56px;font-family:Georgia,serif;font-size:24px;display:grid;box-shadow:0 8px 18px #5264df40}.client-access-intro .eyebrow{color:#aebcff}.client-access-intro h1{letter-spacing:-.055em;max-width:570px;margin:12px 0;font-size:clamp(38px,4.1vw,62px);line-height:1.04}.client-access-intro>p:not(.eyebrow){color:#c6cdf5;max-width:520px;font-size:16px;line-height:1.65}.client-access-features{color:#dbe0ff;gap:12px;margin-top:48px;font-size:14px;display:grid}.client-access-features span:before{content:"✓";color:#fff;background:#5d72e7;border-radius:50%;place-items:center;width:19px;height:19px;margin-right:9px;font-size:11px;display:inline-grid}.client-access-card{align-content:center;place-self:center;gap:13px;width:min(420px,100% - 48px);padding:20px;display:grid}.client-access-card h2{letter-spacing:-.04em;margin:0;font-size:31px}.client-access-card>.muted{margin:0 0 10px}.client-access-card label{color:#414c64;gap:7px;font-size:12px;font-weight:750;display:grid}.client-access-card input{background:#fff;border:1px solid #dbe0eb;border-radius:8px;outline:none;width:100%;padding:12px}.client-access-card input:focus{border-color:#7987e8;box-shadow:0 0 0 3px #e9ebff}.client-access-card .primary-button{margin-top:3px}.client-access-note{color:#778195;font-size:12px;line-height:1.55}.client-machine-button{color:#fff;background:#5264df;border:0;border-radius:8px;width:100%;margin-top:16px;padding:10px;font-size:10px;font-weight:800}.machine-dashboard{grid-template-columns:repeat(12,1fr);gap:15px;display:grid}.machine-dashboard-head{background:#fff;border:1px solid #e1e6ee;border-radius:12px;grid-column:span 12;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.machine-dashboard-head p{color:#748095;margin:7px 0 0;font-size:11px}.machine-dashboard-grid{display:contents}.machine-dashboard-grid article{background:#fff;border:1px solid #e1e6ee;border-radius:12px;grid-column:span 4;padding:18px}.machine-dashboard-grid p{color:#728095;margin:0;font-size:11px;font-weight:700}.machine-dashboard-grid strong{letter-spacing:-.04em;text-transform:capitalize;margin:13px 0 8px;font-size:25px;display:block}.machine-dashboard-grid strong small{color:#748095;font-size:12px}.machine-dashboard-grid span{color:#8190a1;font-size:10px}.machine-chart{background:#fff;border:1px solid #e1e6ee;border-radius:12px;grid-column:span 8;padding:18px}.machine-chart>div{gap:4px;display:grid}.machine-chart strong{font-size:13px}.machine-chart span{color:#7d8799;font-size:10px}.machine-chart svg{width:100%;height:190px;margin-top:14px}.machine-events{background:#fff;border:1px solid #e1e6ee;border-radius:12px;grid-column:span 4;padding:18px}.machine-events>strong{font-size:12px}.machine-events>div{border-top:1px solid #edf0f5;align-items:center;gap:8px;padding:11px 0;display:flex}.machine-events>div:first-of-type{margin-top:8px}.machine-events span{color:#c77718;background:#fff1df;border-radius:7px;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:grid}.machine-events div:nth-of-type(2) span{color:#17835f;background:#e5f8f0}.machine-events p{color:#38455e;flex:1;gap:3px;margin:0;font-size:10px;font-weight:700;display:grid}.machine-events small{color:#8993a5;font-size:9px;font-weight:500}.machine-events em{color:#788398;font-size:9px;font-style:normal}@media (max-width:760px){.client-access-shell{display:block}.client-access-intro{padding:46px 28px}.client-access-mark{margin-bottom:38px}.client-access-card{padding:48px 0}.machine-dashboard{grid-template-columns:1fr}.machine-dashboard-head{flex-direction:column;grid-column:span 1;align-items:flex-start}.machine-dashboard-grid{grid-column:span 1;grid-template-columns:1fr;gap:15px;display:grid}.machine-dashboard-grid article,.machine-chart,.machine-events{grid-column:span 1}}.scada-flow,.client-flow{display:none}.scada-machine{cursor:grab;touch-action:none}.scada-machine.dragging{z-index:4;cursor:grabbing;opacity:.92;-webkit-user-select:none;user-select:none;transition:none;box-shadow:0 0 0 4px #d7ddff,0 15px 26px #1f304238}.scada-toolbar button:last-child{min-width:88px}.scada-layout,.scada-canvas{min-height:700px}@media (max-width:760px){.scada-layout,.scada-canvas{min-height:580px}}.remove-asset-button{color:#b23b4c;background:#fff;border:1px solid #f0c9cf;border-radius:8px;width:100%;margin-top:10px;padding:9px;font-size:11px;font-weight:800}.remove-asset-button:disabled{color:#a5adba;border-color:#e6e9ef}.remove-asset-note{color:#8a95a6;margin:6px 0 0;font-size:9px;line-height:1.4;display:block}.scada-picker-backdrop{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111b3261;place-items:center;padding:22px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.scada-picker{background:#fff;border:1px solid #dce2ef;border-radius:16px;width:min(660px,100%);max-height:calc(100dvh - 44px);padding:27px;overflow:auto;box-shadow:0 28px 70px #0f1b3e40}.picker-head{justify-content:space-between;align-items:flex-start;display:flex}.picker-head h2{letter-spacing:-.04em;margin:0;font-size:24px}.scada-picker>.muted{margin:11px 0 20px;font-size:12px}.asset-library{grid-template-columns:1fr 1fr;gap:9px;display:grid}.asset-library button{text-align:left;background:#fff;border:1px solid #e1e6ee;border-radius:10px;align-items:center;gap:11px;padding:10px;display:flex}.asset-library button:hover{background:#f7f8ff;border-color:#8794e6}.library-visual{background:#edf3f5;border:1px solid #d8e2e7;border-radius:7px;place-items:center;width:51px;height:42px;display:grid}.library-visual svg{width:51px;height:42px}.asset-library button>span:nth-child(2){flex:1;gap:3px;display:grid}.asset-library strong{font-size:11px}.asset-library small{color:#7d8798;font-size:9px}.asset-library b{color:#5264df;white-space:nowrap;font-size:10px}@media (max-width:620px){.scada-picker{padding:21px 16px}.asset-library{grid-template-columns:1fr}.remove-asset-button{margin-top:9px}}.dashboard-transfer-bar{z-index:18;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #dce2ec;border-radius:11px;align-items:center;gap:4px;max-width:calc(100vw - 42px);padding:6px;display:flex;position:fixed;bottom:20px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 15px 38px #15224929}.dashboard-transfer-bar>span{color:#7a8798;letter-spacing:.08em;white-space:nowrap;padding:0 8px;font-size:9px;font-weight:900}.dashboard-transfer-bar>i{background:#e0e5ed;width:1px;height:22px;margin:0 2px}.dashboard-transfer-bar button{color:#4d5ed0;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:850}.dashboard-transfer-bar button:hover{background:#eef0ff}.transfer-toast{z-index:42;color:#287451;background:#f5fcf8;border:1px solid #cfe8da;border-radius:10px;align-items:center;gap:10px;width:min(410px,100vw - 34px);padding:12px 13px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:78px;right:26px;box-shadow:0 12px 30px #1e413124}.transfer-toast button{color:#5c8070;background:0 0;border:0;margin-left:auto;font-size:18px;line-height:1}.design-paste-dialog{background:#fff;border:1px solid #dce2ef;border-radius:16px;gap:14px;width:min(480px,100%);padding:28px;display:grid;position:relative;box-shadow:0 28px 70px #0f1b3e40}.design-paste-dialog h2{letter-spacing:-.04em;margin:-7px 0 0;font-size:25px}.design-paste-dialog>.muted{color:#6f7d92;margin:0;font-size:12px;line-height:1.55}.design-paste-dialog label{color:#4d5870;gap:7px;font-size:11px;font-weight:800;display:grid}.design-paste-dialog select{color:#25304a;width:100%;font:inherit;background:#fff;border:1px solid #dbe1eb;border-radius:8px;outline:none;padding:10px 11px}.design-paste-dialog select:focus{border-color:#7987e8;box-shadow:0 0 0 3px #e9ebff}.paste-close{position:absolute;top:16px;right:16px}.design-paste-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}@media (max-width:760px){.dashboard-transfer-bar{max-width:calc(100vw - 26px);bottom:13px;left:13px;transform:none}.dashboard-transfer-bar>span{display:none}.transfer-toast{bottom:68px;right:13px}.design-paste-dialog{padding:24px 18px}.scada-launcher{bottom:72px}}.machine-dashboard-editor{padding-bottom:90px}.machine-dashboard-transfer{background:#fff;border:1px solid #dce2ec;border-radius:10px;align-items:center;gap:7px;margin:0 0 16px;padding:8px 10px;display:flex;box-shadow:0 4px 14px #1522490a}.machine-dashboard-transfer>span{color:#7a8798;letter-spacing:.08em;margin-right:4px;font-size:9px;font-weight:900}.machine-dashboard-transfer button{color:#4d5ed0;background:#eef0ff;border:0;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:850}.machine-dashboard-transfer button:hover{background:#e1e5ff}.machine-dashboard-editor .machine-dashboard-grid{grid-template-columns:repeat(12,1fr);gap:15px;display:grid}.machine-dashboard-editor .machine-dashboard-grid>article{background:#fff;border:1px solid #e1e6ee;border-radius:12px;grid-column:span 4;padding:18px;box-shadow:0 3px 8px #141e3c08}.machine-dashboard-editor .machine-dashboard-grid p{color:#728095;margin:0;font-size:11px;font-weight:700}.machine-dashboard-editor .machine-dashboard-grid>article>strong{letter-spacing:-.04em;text-transform:capitalize;margin:13px 0 8px;font-size:25px;display:block}.machine-dashboard-editor .machine-dashboard-grid>article>strong.online{color:#16825f}.machine-dashboard-editor .machine-dashboard-grid>article>strong.warning{color:#c77718}.machine-dashboard-editor .machine-dashboard-grid>article>strong.offline{color:#778194}.machine-dashboard-editor .machine-dashboard-grid strong small{color:#748095;font-size:12px}.machine-dashboard-editor .machine-dashboard-grid>article>span{color:#8190a1;font-size:10px}.machine-dashboard-editor .machine-chart{grid-column:span 8!important}.machine-dashboard-editor .machine-chart>div{gap:4px;display:grid}.machine-dashboard-editor .machine-chart>div strong{font-size:13px}.machine-dashboard-editor .machine-chart>div span{color:#7d8799;font-size:10px}.machine-dashboard-editor .machine-chart svg{width:100%;height:190px;margin-top:14px}.machine-dashboard-editor .machine-events{grid-column:span 4!important}.machine-dashboard-editor .machine-events>strong{font-size:12px}.machine-dashboard-editor .machine-events>div{border-top:1px solid #edf0f5;align-items:center;gap:8px;padding:11px 0;display:flex}.machine-dashboard-editor .machine-events>div:first-of-type{margin-top:8px}.machine-dashboard-editor .machine-events span{color:#c77718;background:#fff1df;border-radius:7px;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:grid}.machine-dashboard-editor .machine-events div:nth-of-type(2) span{color:#17835f;background:#e5f8f0}.machine-dashboard-editor .machine-events p{color:#38455e;flex:1;gap:3px;margin:0;font-size:10px;font-weight:700;display:grid}.machine-dashboard-editor .machine-events small{color:#8993a5;font-size:9px;font-weight:500}.machine-dashboard-editor .machine-events em{color:#788398;font-size:9px;font-style:normal}@media (max-width:760px){.machine-dashboard-transfer{flex-wrap:wrap;align-items:stretch}.machine-dashboard-transfer>span{width:100%}.machine-dashboard-editor .machine-dashboard-grid{grid-template-columns:1fr}.machine-dashboard-editor .machine-dashboard-grid>article,.machine-dashboard-editor .machine-chart,.machine-dashboard-editor .machine-events{grid-column:span 1!important}}.sidebar-admin-link{color:#5364cf;margin-bottom:11px;font-size:11px;font-weight:800;display:block}.administrators-page{max-width:1160px;margin:0 auto;padding:36px 28px 70px}.admin-breadcrumb{color:#8791a3;gap:8px;margin-bottom:22px;font-size:12px;display:flex}.admin-breadcrumb a{color:#5364cf;font-weight:700}.admin-breadcrumb strong{color:#48536a}.admin-security-note{background:#f1f4ff;border:1px solid #cbd6fb;border-radius:11px;align-items:flex-start;gap:13px;margin-bottom:19px;padding:15px 17px;display:flex}.admin-security-note>span{color:#4354c8;background:#dce3ff;border-radius:8px;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.admin-security-note strong{font-size:12px}.admin-security-note p{color:#6d7892;margin:4px 0 0;font-size:11px;line-height:1.5}.admin-summary{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:19px;display:grid}.admin-summary>div{background:#fff;border:1px solid #e1e6ee;border-radius:11px;gap:5px;padding:17px 19px;display:grid}.admin-summary strong{letter-spacing:-.04em;font-size:25px}.admin-summary span{color:#758196;font-size:11px;font-weight:700}.administrator-table{background:#fff;border:1px solid #e1e6ee;border-radius:13px;overflow:hidden;box-shadow:0 3px 10px #141e3c08}.administrator-table-head{border-bottom:1px solid #e8ebf0;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;display:flex}.administrator-table-head>div{gap:4px;display:grid}.administrator-table-head strong{font-size:15px}.administrator-table-head span{color:#788499;font-size:11px}.administrator-table-head .secondary-button{padding:8px 10px;font-size:11px}.admin-table-wrap{overflow:auto}.administrator-table table{border-collapse:collapse;text-align:left;width:100%;min-width:750px}.administrator-table th{color:#818b9c;letter-spacing:.07em;text-transform:uppercase;background:#fafbfe;padding:12px 19px;font-size:10px}.administrator-table td{color:#748095;border-top:1px solid #edf0f4;padding:14px 19px;font-size:11px}.admin-person{align-items:center;gap:10px;display:flex}.admin-person>span{color:#4e60d7;background:#e8eaff;border-radius:9px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:900;display:grid}.admin-person>div{gap:3px;display:grid}.admin-person strong{color:#303b54;font-size:12px}.admin-person small{color:#7d889b;font-size:10px}.role-pill{color:#657085;background:#f0f2f6;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.role-pill.super{color:#4c5ed2;background:#e9ebff}.admin-actions{justify-content:flex-end;gap:5px;display:flex}.admin-actions button{color:#5264d5;background:0 0;border:0;border-radius:6px;padding:6px 7px;font-size:10px;font-weight:800}.admin-actions button:hover{background:#eef0ff}.admin-actions .remove-admin{color:#b23b4c}.admin-actions .remove-admin:hover{background:#fff0f1}.admin-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111b326b;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.admin-form-dialog{background:#fff;border:1px solid #dce2ef;border-radius:16px;gap:14px;width:min(480px,100%);max-height:calc(100dvh - 40px);padding:28px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 70px #0f1b3e40}.admin-form-dialog h2{letter-spacing:-.04em;margin:-7px 0 0;font-size:25px}.admin-form-dialog>.muted{color:#6f7d92;margin:0;font-size:12px;line-height:1.55}.admin-form-dialog label{color:#4d5870;gap:7px;font-size:11px;font-weight:800;display:grid}.admin-form-dialog input,.admin-form-dialog select{color:#25304a;width:100%;font:inherit;background:#fff;border:1px solid #dbe1eb;border-radius:8px;outline:none;padding:10px 11px}.admin-form-dialog input:focus,.admin-form-dialog select:focus{border-color:#7987e8;box-shadow:0 0 0 3px #e9ebff}.admin-form-close{position:absolute;top:16px;right:16px}.role-guidance{color:#707c90;background:#fafbfe;border:1px solid #e2e6ef;border-radius:9px;gap:6px;padding:12px;font-size:10px;line-height:1.45;display:grid}.role-guidance strong{color:#4d5870;font-size:11px}.role-guidance b{color:#5264d0}.admin-form-actions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}@media (max-width:760px){.administrators-page{padding:27px 17px 55px}.admin-summary{grid-template-columns:1fr}.administrator-table-head{flex-direction:column;align-items:flex-start}.administrator-table-head .secondary-button{display:none}.admin-form-dialog{padding:24px 18px}.sidebar-admin-link{display:none}}.billing-layout{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:18px;display:grid}.billing-form-card,.invoice-preview{background:#fff;border:1px solid #e1e6ee;border-radius:13px;padding:22px;box-shadow:0 3px 8px #141e3c08}.billing-card-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.billing-card-head>div{gap:4px;display:grid}.billing-card-head strong{font-size:15px}.billing-card-head span{color:#788499;font-size:11px;line-height:1.5}.billing-card-head label{color:#778297;gap:5px;font-size:10px;font-weight:800;display:grid}.billing-card-head select{color:#3c4961;background:#fff;border:1px solid #dbe1eb;border-radius:7px;padding:7px 8px;font-size:11px}.billing-input-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.billing-input-grid label{color:#4d5870;gap:7px;font-size:11px;font-weight:800;display:grid}.billing-input-grid label small{color:#8490a2;font-size:10px;font-weight:600}.billing-input-grid input{color:#25304a;background:#fff;border:1px solid #dbe1eb;border-radius:8px;outline:none;width:100%;padding:10px 11px}.billing-input-grid input:focus{border-color:#7987e8;box-shadow:0 0 0 3px #e9ebff}.billing-meter-source{background:#fafbfe;border:1px solid #e1e6ee;border-radius:9px;align-items:center;gap:10px;margin-top:21px;padding:13px;display:flex}.billing-meter-source>span{color:#5364d3;background:#e7eaff;border-radius:7px;place-items:center;width:27px;height:27px;font-size:14px;font-weight:900;display:grid}.billing-meter-source>div{flex:1;gap:3px;display:grid}.billing-meter-source strong{font-size:11px}.billing-meter-source p{color:#7c8799;margin:0;font-size:10px;line-height:1.45}.billing-meter-source .secondary-button{padding:7px 9px;font-size:10px}.invoice-preview{background:linear-gradient(145deg,#fff 0,#f7f8ff 100%)}.invoice-preview h2{letter-spacing:-.04em;margin:0;font-size:21px}.invoice-period{color:#7b879a;margin-top:5px;font-size:11px;display:block}.invoice-lines{border-top:1px solid #e9edf3;gap:0;margin-top:24px;display:grid}.invoice-lines>div{color:#758095;border-bottom:1px solid #e9edf3;justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.invoice-lines strong{color:#3c4860;font-size:12px}.invoice-lines .discount-line strong{color:#19835f}.invoice-total{justify-content:space-between;align-items:baseline;margin-top:16px;display:flex}.invoice-total span{color:#4f5b72;font-size:12px;font-weight:800}.invoice-total strong{color:#3546bd;letter-spacing:-.045em;font-size:27px}.invoice-note{color:#8993a4;border-top:1px dashed #dce2eb;margin:19px 0 0;padding-top:13px;font-size:10px;line-height:1.5}.billing-help{color:#68748b;background:#f1f4ff;border:1px solid #d8defc;border-radius:10px;gap:10px;margin-top:17px;padding:13px 15px;font-size:11px;line-height:1.55;display:flex}.billing-help>span{color:#fff;background:#5264df;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:grid}.billing-help p{margin:0}.billing-help strong{color:#4d5dc7}@media (max-width:850px){.billing-layout{grid-template-columns:1fr}.invoice-preview{max-width:none}}@media (max-width:520px){.billing-input-grid{grid-template-columns:1fr}.billing-card-head{flex-direction:column;align-items:flex-start}.billing-meter-source{flex-wrap:wrap;align-items:flex-start}.billing-meter-source .secondary-button{margin-left:37px}}.client-invoice-publish{background:#f4f5ff;border:1px solid #d8defc;border-radius:9px;align-items:center;gap:10px;margin-top:16px;padding:13px;display:flex}.client-invoice-publish>div{flex:1;gap:3px;display:grid}.client-invoice-publish strong{font-size:11px}.client-invoice-publish p{color:#778297;margin:0;font-size:10px;line-height:1.45}.client-invoice-publish .primary-button{white-space:nowrap;padding:8px 10px;font-size:10px}.invoice-reading-summary{background:#f7f8ff;border:1px solid #dce3f7;border-radius:9px;gap:5px;margin-top:20px;padding:13px;display:grid}.invoice-reading-summary>span{color:#788499;font-size:10px;font-weight:700}.invoice-reading-summary>strong{color:#4053c8;letter-spacing:-.04em;font-size:23px}.invoice-reading-summary strong small{font-size:11px}.invoice-reading-summary>div{gap:7px;display:flex}.invoice-reading-summary>div span{color:#5364c9;background:#e8ebff;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:800}.invoice-log{background:#fff;border:1px solid #e1e6ee;border-radius:13px;margin-top:18px;overflow:hidden;box-shadow:0 3px 8px #141e3c08}.invoice-log-heading{border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:flex-start;padding:19px 20px;display:flex}.invoice-log-heading h2{letter-spacing:-.03em;margin:0;font-size:17px}.invoice-log-heading .eyebrow{margin-bottom:5px}.invoice-log-heading .secondary-button{padding:8px 10px;font-size:10px}.invoice-log table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.invoice-log{overflow:auto}.invoice-log th{color:#818b9c;letter-spacing:.07em;text-transform:uppercase;background:#fafbfe;padding:12px 17px;font-size:10px}.invoice-log td{color:#667389;border-top:1px solid #edf0f4;padding:14px 17px;font-size:11px}.invoice-log td:first-child{color:#344058;font-weight:700}.client-invoice-card{background:linear-gradient(125deg,#f4f6ff,#fff);border:1px solid #d8defc;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:13px;margin-top:15px;padding:20px;display:grid;box-shadow:0 4px 12px #2e3e8f0f}.client-invoice-card h2{letter-spacing:-.04em;margin:0;font-size:20px}.client-invoice-card p:not(.eyebrow){color:#6f7b90;margin:5px 0 0;font-size:11px}.client-invoice-card>strong{color:#4052c9;letter-spacing:-.045em;align-self:center;font-size:27px}.client-invoice-details{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.client-invoice-details span{color:#738095;background:#fff;border:1px solid #e1e5f8;border-radius:7px;padding:7px 8px;font-size:10px}.client-invoice-details b{color:#3e4c70}.client-invoice-card>small{color:#8792a4;grid-column:1/-1;font-size:9px}@media (max-width:620px){.client-invoice-publish{flex-wrap:wrap;align-items:flex-start}.client-invoice-publish .primary-button{margin-left:auto}.invoice-log-heading .secondary-button{display:none}.client-invoice-card{grid-template-columns:1fr}.client-invoice-card>strong{font-size:25px}}.energy-source-choice{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px;display:grid}.energy-source-choice button{color:#556178;text-align:left;background:#fff;border:1px solid #dfe4ee;border-radius:9px;gap:4px;padding:12px;display:grid}.energy-source-choice button.selected{background:#f2f4ff;border-color:#7180e5;box-shadow:0 0 0 2px #e4e7ff}.energy-source-choice b{color:#34405c;font-size:11px}.energy-source-choice button.selected b{color:#4a5bcc}.energy-source-choice span{color:#7d889a;font-size:10px;line-height:1.4}.billing-source-map{background:#fafbfe;border:1px solid #e1e6ee;border-radius:10px;gap:10px;margin-bottom:15px;padding:14px;display:grid}.billing-source-map>strong{color:#455069;font-size:12px}.billing-source-map>p{color:#748096;margin:0;font-size:10px;line-height:1.55}.billing-source-map>label,.phase-map-grid label{color:#566177;gap:6px;font-size:10px;font-weight:800;display:grid}.billing-source-map select,.phase-map-grid select{color:#35425b;background:#fff;border:1px solid #dbe1eb;border-radius:7px;width:100%;padding:9px 10px;font-size:11px}.phase-map-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.phase-map-grid input{color:#35425b;background:#fff;border:1px solid #dbe1eb;border-radius:7px;width:100%;padding:9px 10px}.client-invoice-log{background:#fff;border:1px solid #e1e6ee;border-radius:13px;margin-top:15px;padding:20px;box-shadow:0 3px 8px #141e3c08}.client-invoice-log h2{letter-spacing:-.035em;margin:0;font-size:18px}.client-invoice-log>div>span{color:#7c8799;margin-top:4px;font-size:10px;display:block}.client-invoice-log-rows{border-top:1px solid #edf0f5;gap:0;margin-top:15px;display:grid}.client-invoice-log-rows article{color:#728095;border-bottom:1px solid #edf0f5;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;gap:8px;padding:12px 0;font-size:10px;display:grid}.client-invoice-log-rows article>span{color:#3f4c64;font-weight:800}.client-invoice-log-rows strong,.client-invoice-log-rows b{color:#536078;font-size:10px}.client-invoice-log-rows em{color:#b66b15;background:#fff2df;border-radius:999px;padding:4px 6px;font-size:9px;font-style:normal;font-weight:800}.client-invoice-log-rows em.finalized{color:#16825f;background:#e7f7ef}@media (max-width:680px){.energy-source-choice,.phase-map-grid{grid-template-columns:1fr}.client-invoice-log-rows article{grid-template-columns:1fr 1fr}.client-invoice-log-rows em{justify-self:start}}.invoice-identity{grid-template-columns:1.3fr .7fr;gap:10px;margin:-4px 0 15px;display:grid}.invoice-identity label{color:#566177;gap:6px;font-size:10px;font-weight:800;display:grid}.invoice-identity input,.invoice-identity select{color:#35425b;background:#fff;border:1px solid #dbe1eb;border-radius:7px;width:100%;padding:9px 10px}.machine-dashboard-editor .machine-invoice-widget{background:linear-gradient(145deg,#f5f6ff,#fff);border-color:#d8defc;gap:6px;display:grid}.machine-dashboard-editor .machine-invoice-widget strong{color:#4d5fd0;text-transform:none!important;margin:0!important;font-size:15px!important}.machine-dashboard-editor .machine-invoice-widget button{color:#4d5ed0;background:#e8ebff;border:0;border-radius:7px;justify-self:start;padding:7px 8px;font-size:10px;font-weight:850}@media (max-width:620px){.invoice-identity{grid-template-columns:1fr}}.access-summary{color:#68758a;font-size:10px;font-weight:750}.permissions-dialog{width:min(570px,100%)}.permission-list{background:#fafbfe;border:1px solid #e0e5ef;border-radius:9px;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:13px;display:grid}.permission-list legend{color:#4f5b71;padding:0 4px;font-size:11px;font-weight:800}.permission-list label{border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:7px;color:#617087!important;font-size:10px!important;font-weight:700!important;display:flex!important}.permission-list label:hover{background:#fff;border-color:#d8def5}.permission-list input{width:auto!important}.super-access-note{color:#6c7892;background:#f0f3ff;border:1px solid #ced7fd;border-radius:9px;gap:4px;padding:12px;font-size:10px;line-height:1.5;display:grid}.super-access-note strong{color:#4d5ed1;font-size:11px}@media (max-width:620px){.permission-list{grid-template-columns:1fr}}.theme-toggle-floating{z-index:100;color:#35435e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #cfd8ef;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:10px;font-weight:850;display:flex;position:fixed;bottom:18px;left:18px;box-shadow:0 10px 28px #19284e29}.theme-toggle-floating span{color:#356fe0;font-size:15px;line-height:1}.theme-toggle-floating:hover{background:#f7f9ff;border-color:#7591e7}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e5ecfa;--muted:#9aabc5;--line:#263550;--surface:#121c30;--canvas:#091220;--brand:#3574eb;--brand-dark:#2461cf;--green:#4fd39e;--green-bg:#143c35;--orange:#f1ae58;--orange-bg:#3e2b14;--red:#ef7180;--shadow:0 18px 48px #00000057}:root[data-theme=dark] body,:root[data-theme=dark] .workspace-shell,:root[data-theme=dark] .project-main,:root[data-theme=dark] .wizard-shell,:root[data-theme=dark] .shared-dashboard{color:#e5ecfa;background:#091220}:root[data-theme=dark] .topbar,:root[data-theme=dark] .project-sidebar,:root[data-theme=dark] .project-topbar,:root[data-theme=dark] .wizard-header,:root[data-theme=dark] .shared-dashboard header,:root[data-theme=dark] .administrator-table,:root[data-theme=dark] .billing-form-card,:root[data-theme=dark] .invoice-preview,:root[data-theme=dark] .invoice-log,:root[data-theme=dark] .client-invoice-log,:root[data-theme=dark] .client-invoice-card{background:#121c30;border-color:#293954}:root[data-theme=dark] .brand small,:root[data-theme=dark] .topbar-actions,:root[data-theme=dark] .breadcrumb,:root[data-theme=dark] .page-heading p:not(.eyebrow),:root[data-theme=dark] .projects-page p,:root[data-theme=dark] .invoice-period,:root[data-theme=dark] .invoice-note,:root[data-theme=dark] .client-invoice-card p:not(.eyebrow),:root[data-theme=dark] .client-invoice-card>small,:root[data-theme=dark] .client-invoice-log>div>span{color:#9aabc5}:root[data-theme=dark] .project-card,:root[data-theme=dark] .metric-widget,:root[data-theme=dark] .chart-widget,:root[data-theme=dark] .gauge-widget,:root[data-theme=dark] .events-widget,:root[data-theme=dark] .table-card,:root[data-theme=dark] .event-log-card,:root[data-theme=dark] .configuration-card,:root[data-theme=dark] .packet-inspector,:root[data-theme=dark] .machine-dashboard-editor .machine-dashboard-grid>article,:root[data-theme=dark] .machine-dashboard-head,:root[data-theme=dark] .machine-chart,:root[data-theme=dark] .machine-events,:root[data-theme=dark] .shared-metrics article,:root[data-theme=dark] .shared-chart,:root[data-theme=dark] .client-events,:root[data-theme=dark] .client-scada,:root[data-theme=dark] .client-asset-info,:root[data-theme=dark] .admin-summary>div{color:#e5ecfa;background:#121c30;border-color:#293954}:root[data-theme=dark] .project-card h2,:root[data-theme=dark] .page-heading h1,:root[data-theme=dark] .metric-widget strong,:root[data-theme=dark] .shared-content h1,:root[data-theme=dark] .shared-metrics strong,:root[data-theme=dark] .client-invoice-card h2,:root[data-theme=dark] .client-invoice-log h2,:root[data-theme=dark] .invoice-preview h2,:root[data-theme=dark] .invoice-total span,:root[data-theme=dark] .billing-card-head strong{color:#eef4ff}:root[data-theme=dark] .dashboard-toolbar,:root[data-theme=dark] .detail-tabs,:root[data-theme=dark] .scada-toolbar,:root[data-theme=dark] .machine-dashboard-transfer,:root[data-theme=dark] .billing-source-map,:root[data-theme=dark] .billing-meter-source,:root[data-theme=dark] .invoice-reading-summary,:root[data-theme=dark] .client-invoice-publish,:root[data-theme=dark] .admin-security-note,:root[data-theme=dark] .security-banner{color:#b8c7df;background:#16233a;border-color:#304260}:root[data-theme=dark] .dashboard-toolbar button,:root[data-theme=dark] .detail-tabs span+span,:root[data-theme=dark] .scada-toolbar,:root[data-theme=dark] .billing-meter-source p,:root[data-theme=dark] .billing-card-head span,:root[data-theme=dark] .billing-source-map p,:root[data-theme=dark] .client-invoice-publish p{color:#a7b6cd}:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .quiet-link,:root[data-theme=dark] .share-dialog .secondary-button{color:#dbe6fa;background:#18253b;border-color:#344867}:root[data-theme=dark] .secondary-button:hover,:root[data-theme=dark] .quiet-link:hover{background:#223352}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] .copy-field,:root[data-theme=dark] .billing-input-grid input,:root[data-theme=dark] .invoice-identity input,:root[data-theme=dark] .invoice-identity select,:root[data-theme=dark] .billing-source-map select,:root[data-theme=dark] .phase-map-grid input,:root[data-theme=dark] .phase-map-grid select{color:#e5ecfa!important;background:#0d1728!important;border-color:#344764!important}:root[data-theme=dark] .project-switcher,:root[data-theme=dark] .client-mode-switch,:root[data-theme=dark] .share-link>div,:root[data-theme=dark] .asset-library button,:root[data-theme=dark] .admin-form-dialog,:root[data-theme=dark] .design-paste-dialog,:root[data-theme=dark] .scada-picker,:root[data-theme=dark] .share-dialog{color:#e5ecfa;background:#121c30;border-color:#30415e}:root[data-theme=dark] .project-sidebar nav button{color:#aab9cf}:root[data-theme=dark] .project-sidebar nav button:hover,:root[data-theme=dark] .project-sidebar nav button.active,:root[data-theme=dark] .asset-library button:hover{background:#1b2b47}:root[data-theme=dark] .scada-layout{background:#121c30;border-color:#314361}:root[data-theme=dark] .scada-canvas,:root[data-theme=dark] .client-scada-canvas{background:linear-gradient(145deg,#101d30,#152842 55%,#0d1728)}:root[data-theme=dark] .scada-grid,:root[data-theme=dark] .client-grid{opacity:.32}:root[data-theme=dark] .scada-machine,:root[data-theme=dark] .client-asset{color:#ebf1ff;background:#15233a;border-color:#3b4f70}:root[data-theme=dark] .machine-inspector,:root[data-theme=dark] .client-asset-info{background:#121c30;border-color:#2c3d58}:root[data-theme=dark] .machine-inspector input{color:#e5ecfa;background:#0d1728;border-color:#344764}:root[data-theme=dark] .administrator-table th,:root[data-theme=dark] .invoice-log th{color:#aab9cf;background:#16233a}:root[data-theme=dark] .administrator-table td,:root[data-theme=dark] .invoice-log td,:root[data-theme=dark] .event-row,:root[data-theme=dark] .client-event,:root[data-theme=dark] .invoice-lines>div,:root[data-theme=dark] .client-invoice-log-rows article{color:#acbbd0;border-color:#293954}:root[data-theme=dark] .admin-person strong,:root[data-theme=dark] .invoice-log td:first-child,:root[data-theme=dark] .client-invoice-log-rows article>span{color:#e2eafb}:root[data-theme=dark] .share-backdrop,:root[data-theme=dark] .scada-picker-backdrop,:root[data-theme=dark] .admin-modal-backdrop{background:#020711b3}:root[data-theme=dark] .theme-toggle-floating{color:#e8effc;background:#121c30f5;border-color:#344867}:root[data-theme=dark] .theme-toggle-floating span{color:#8fb4ff}@media (max-width:760px){.theme-toggle-floating{bottom:14px;left:14px}.theme-toggle-floating b{display:none}}:root[data-theme=dark] .summary-row{background:#293954;border-color:#293954}:root[data-theme=dark] .summary-row div{color:#9fb0c9;background:#121c30}:root[data-theme=dark] .summary-row span{color:#eef4ff}:root[data-theme=dark] .wizard-card,:root[data-theme=dark] .login-card,:root[data-theme=dark] .integration-detail,:root[data-theme=dark] .integration-drawer,:root[data-theme=dark] .empty-panel,:root[data-theme=dark] .success-state,:root[data-theme=dark] .detail-tabs,:root[data-theme=dark] .dashboard-toolbar{color:#b8c7df;background:#121c30;border-color:#293954}:root[data-theme=dark] .wizard-form h2,:root[data-theme=dark] .success-state h2,:root[data-theme=dark] .drawer-head h2,:root[data-theme=dark] .detail-header h2,:root[data-theme=dark] .empty-panel h2,:root[data-theme=dark] .machine-inspector h3{color:#eef4ff}:root[data-theme=dark] .empty-panel{background:#111b2e;border-color:#344764}:root[data-theme=dark] .project-metrics{color:#99aac4;border-color:#293954}:root[data-theme=dark] .project-metrics strong,:root[data-theme=dark] .project-footer,:root[data-theme=dark] .widget-heading p,:root[data-theme=dark] .metric-widget p,:root[data-theme=dark] .event-row strong,:root[data-theme=dark] .machine-inspector strong,:root[data-theme=dark] .asset-status strong{color:#e4ecfa}:root[data-theme=dark] .table-card th,:root[data-theme=dark] .table-card td,:root[data-theme=dark] .detail-header p:not(.eyebrow),:root[data-theme=dark] .widget-heading small,:root[data-theme=dark] .event-row small,:root[data-theme=dark] .packet-footer,:root[data-theme=dark] .sidebar-bottom{color:#9badc5}:root[data-theme=dark] .table-card th{background:#16233a}:root[data-theme=dark] .table-card td,:root[data-theme=dark] .table-card tr,:root[data-theme=dark] .event-row{border-color:#293954}:root[data-theme=dark] .integration-layout,:root[data-theme=dark] .integration-list{background:#121c30;border-color:#293954}:root[data-theme=dark] .integration-list{background:#10192a}:root[data-theme=dark] .integration-list>button.selected,:root[data-theme=dark] .integration-list>button:hover{background:#1c2c48}:root[data-theme=dark] .drawer-provider-list button,:root[data-theme=dark] .provider-choice,:root[data-theme=dark] .template-choice,:root[data-theme=dark] .question-card,:root[data-theme=dark] .review-box{color:#dce6f8;background:#16233a;border-color:#30425f}:root[data-theme=dark] .choice-pills button,:root[data-theme=dark] .segmented{color:#aebcd0;background:#18263d;border-color:#344764}:root[data-theme=dark] .segmented button.active{color:#a8c5ff;box-shadow:none;background:#263a5b}:root[data-theme=dark] .login-shell{background:#091220}:root[data-theme=dark] .share-note,:root[data-theme=dark] .billing-help{color:#acbcda;background:#172641}:root[data-theme=dark] .share-actions{background:#121c30;border-color:#293954}:root[data-theme=dark] .scada-legend,:root[data-theme=dark] .client-legend{color:#c3d0e5;background:#121c30eb;border-color:#3a4c69}:root[data-theme=dark] .machine-symbol,:root[data-theme=dark] .library-visual,:root[data-theme=dark] .client-asset>span,:root[data-theme=dark] .client-selected-visual{background:#20334a;border-color:#3b5070}:root[data-theme=dark] .invoice-log-heading,:root[data-theme=dark] .administrator-table-head{border-color:#293954}:root[data-theme=dark] .invoice-lines>div strong,:root[data-theme=dark] .client-invoice-log-rows strong,:root[data-theme=dark] .client-invoice-log-rows b{color:#dfe9fb}:root[data-theme=dark] .invoice-reading-summary>strong,:root[data-theme=dark] .invoice-total strong{color:#8fb4ff}:root[data-theme=dark] .permission-list,:root[data-theme=dark] .role-guidance{color:#b6c5da;background:#16233a;border-color:#30415e}:root[data-theme=dark] .permission-list label:hover{background:#20324e;border-color:#3b4e70}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .help-button,:root[data-theme=dark] .close-button,:root[data-theme=dark] .share-close,:root[data-theme=dark] .paste-close{color:#b9c9e2;background:#18263d;border-color:#344867}:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .help-button:hover,:root[data-theme=dark] .close-button:hover{color:#eef4ff;background:#263a5b}:root[data-theme=dark] .empty-panel>span,:root[data-theme=dark] .admin-person>span,:root[data-theme=dark] .category-icon.indigo{color:#8fb4ff;background:#203351}:root[data-theme=dark] .category-icon.violet{color:#b7a3ff;background:#2b254b}:root[data-theme=dark] .category-icon.amber{color:#f4b55d;background:#3d2c17}:root[data-theme=dark] .category-icon.teal{color:#65d6c3;background:#143c39}:root[data-theme=dark] .project-switcher{background:#101a2c;border-color:#2d405f}:root[data-theme=dark] .switcher-symbol{color:#8fb4ff;background:#203351}:root[data-theme=dark] .avatar{color:#fff;background:#294a91}:root[data-theme=dark] .status-pill.muted,:root[data-theme=dark] .role-pill{color:#b8c7dc;background:#233149}:root[data-theme=dark] .role-pill.super{color:#a9c6ff;background:#243b70}.logout-button{color:#5264cf;background:#fff;border:1px solid #d8ddea;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.logout-button:hover{background:#f4f6fb;border-color:#aeb8d7}:root[data-theme=dark] .logout-button{color:#a8c5ff;background:#18263d;border-color:#344867}:root[data-theme=dark] .logout-button:hover{background:#263a5b}@media (max-width:760px){.logout-button{font-size:10px}}.access-checking{color:#64718a;align-content:center;justify-items:center;gap:12px;min-height:100vh;font-size:13px;display:grid}.access-checking>span{color:#5264df;background:#e9ecff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid}:root[data-theme=dark] .access-checking{color:#b7c5da}:root[data-theme=dark] .access-checking>span{color:#9cbeff;background:#203351}.rule-builder-layout{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:18px;display:grid}.rule-builder-card,.rule-preview{background:#fff;border:1px solid #e1e6ee;border-radius:13px;gap:15px;padding:22px;display:grid;box-shadow:0 3px 8px #141e3c08}.rule-builder-card>label{color:#4e5970;gap:7px;font-size:11px;font-weight:800;display:grid}.rule-builder-card input,.rule-builder-card select{color:#27334b;background:#fff;border:1px solid #dbe1eb;border-radius:8px;outline:none;width:100%;padding:10px 11px}.rule-builder-card input:focus,.rule-builder-card select:focus{border-color:#7987e8;box-shadow:0 0 0 3px #e9ebff}.rule-step{align-items:flex-start;gap:10px;margin-top:2px;display:flex}.rule-step>span{color:#5264d4;background:#e8ebff;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:10px;font-weight:900;display:grid}.rule-step>div{gap:3px;display:grid}.rule-step strong{font-size:12px}.rule-step p{color:#7c8799;margin:0;font-size:10px;line-height:1.45}.rule-isolation-note,.rule-field-lock,.rule-event-route{color:#6b7890;background:#f2f4ff;border:1px solid #d7defb;border-radius:8px;gap:9px;padding:11px;font-size:10px;line-height:1.45;display:flex}.rule-isolation-note>span,.rule-field-lock>span,.rule-event-route>span{color:#5264d4;font-size:14px;font-weight:900}.rule-isolation-note p,.rule-field-lock p,.rule-event-route p{margin:0}.rule-isolation-note strong,.rule-field-lock strong,.rule-event-route b{color:#4d5fcc}.rule-condition{grid-template-columns:1fr 1fr auto;align-items:end;gap:9px;display:grid}.rule-condition label{color:#4e5970;gap:7px;font-size:11px;font-weight:800;display:grid}.rule-condition>span{color:#738096;padding:10px 0;font-size:11px;font-weight:800}.rule-actions{background:#fafbfe;border:1px solid #e0e5ef;border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.rule-actions label{color:#66738a;align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.rule-builder-actions{justify-content:flex-end;gap:9px;margin-top:2px;display:flex}.rule-preview{background:linear-gradient(145deg,#fff,#f6f8ff);align-content:start}.rule-preview h2{letter-spacing:-.04em;margin:-7px 0 4px;font-size:21px}.rule-preview-line{border-top:1px solid #e9edf3;gap:4px;padding:12px 0;display:grid}.rule-preview-line span{color:#8290a5;letter-spacing:.08em;font-size:9px;font-weight:900}.rule-preview-line strong{font-size:12px}.rule-preview-line em{color:#5264d4;font-style:normal}.rule-field-lock{margin-top:8px}.rule-field-lock code{color:#4c5ed0}.rule-event-route{background:#f6fbf9;border-color:#d3eddf;margin-top:2px}.rule-event-route>span{color:#1b976c}@media (max-width:850px){.rule-builder-layout{grid-template-columns:1fr}}@media (max-width:560px){.rule-condition,.rule-actions{grid-template-columns:1fr}.rule-builder-actions{flex-direction:column;align-items:stretch}.rule-builder-actions button{width:100%}}:root[data-theme=dark] .rule-builder-card,:root[data-theme=dark] .rule-preview{color:#e5ecfa;background:#121c30;border-color:#293954}:root[data-theme=dark] .rule-preview{background:linear-gradient(145deg,#121c30,#152440)}:root[data-theme=dark] .rule-builder-card>label,:root[data-theme=dark] .rule-condition label,:root[data-theme=dark] .rule-step strong,:root[data-theme=dark] .rule-preview h2,:root[data-theme=dark] .rule-preview-line strong{color:#e5ecfa}:root[data-theme=dark] .rule-builder-card input,:root[data-theme=dark] .rule-builder-card select{color:#e5ecfa;background:#0d1728;border-color:#344764}:root[data-theme=dark] .rule-isolation-note,:root[data-theme=dark] .rule-field-lock{color:#adbcd4;background:#172641;border-color:#334a76}:root[data-theme=dark] .rule-actions{background:#16233a;border-color:#304260}:root[data-theme=dark] .rule-preview-line{border-color:#293954}:root[data-theme=dark] .rule-event-route{color:#b9d9cd;background:#14372f;border-color:#275548}.notification-menu{position:relative}.notification-panel{z-index:30;background:#fff;border:1px solid #dce3ee;border-radius:12px;width:350px;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 18px 45px #15234633}.notification-panel-head{border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:flex-start;padding:15px 15px 12px;display:flex}.notification-panel-head>div{gap:3px;display:grid}.notification-panel-head strong{font-size:13px}.notification-panel-head span{color:#7d899b;font-size:10px}.notification-panel-head button{color:#6d7890;background:#f2f4f8;border:0;border-radius:7px;width:25px;height:25px;font-size:17px}.notification-list{max-height:290px;overflow:auto}.notification-list article{border-bottom:1px solid #edf0f5;grid-template-columns:auto 1fr auto;gap:9px;padding:12px 14px;display:grid}.notification-list article>i{color:#c77718;background:#fff1df;border-radius:7px;place-items:center;width:25px;height:25px;font-size:12px;font-style:normal;font-weight:900;display:grid}.notification-list article>div{gap:3px;display:grid}.notification-list strong{font-size:11px}.notification-list span{color:#798598;font-size:9px;line-height:1.4}.notification-list time{color:#98a2b1;white-space:nowrap;font-size:9px}.notification-empty{color:#8290a4;justify-items:center;gap:7px;padding:29px 15px;font-size:11px;display:grid}.notification-empty span{color:#16835f;background:#e8f7f1;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.notification-empty p{margin:0}.notification-view-all{color:#5264d3;text-align:center;background:#fafbfe;border:0;width:100%;padding:11px;font-size:10px;font-weight:850;display:block}:root[data-theme=dark] .notification-panel{background:#121c30;border-color:#344867;box-shadow:0 18px 45px #0006}:root[data-theme=dark] .notification-panel-head{border-color:#293954}:root[data-theme=dark] .notification-panel-head strong,:root[data-theme=dark] .notification-list strong{color:#e5ecfa}:root[data-theme=dark] .notification-panel-head span,:root[data-theme=dark] .notification-list span,:root[data-theme=dark] .notification-list time{color:#9aabc5}:root[data-theme=dark] .notification-panel-head button,:root[data-theme=dark] .notification-view-all{color:#a8c5ff;background:#18263d}:root[data-theme=dark] .notification-list article{border-color:#293954}:root[data-theme=dark] .notification-list article>i{color:#f4b55d;background:#3d2b17}:root[data-theme=dark] .notification-empty{color:#aab9cf}:root[data-theme=dark] .notification-empty span{color:#61d8a8;background:#143c35}@media (max-width:620px){.notification-panel{width:calc(100vw - 24px);position:fixed;top:70px;right:12px}}:root[data-theme=dark] .share-qr,:root[data-theme=dark] .share-protection{background:#16233a;border-color:#304260}:root[data-theme=dark] .share-qr strong,:root[data-theme=dark] .share-protection strong{color:#e8effc}:root[data-theme=dark] .share-qr span,:root[data-theme=dark] .share-protection p{color:#9fb0c9}:root[data-theme=dark] .qr-frame{background:#fff;border-color:#dce2ee}:root[data-theme=dark] .share-password input{color:#e8effc;background:#0d1728;border-color:#344764}:root[data-theme=dark] .machine-dashboard-grid article,:root[data-theme=dark] .machine-chart,:root[data-theme=dark] .machine-events{color:#e5ecfa;background:#121c30;border-color:#293954}:root[data-theme=dark] .machine-dashboard-grid article p,:root[data-theme=dark] .machine-dashboard-grid article span,:root[data-theme=dark] .machine-chart span,:root[data-theme=dark] .machine-events p,:root[data-theme=dark] .machine-events small,:root[data-theme=dark] .machine-events em{color:#9fb0c9}:root[data-theme=dark] .machine-dashboard-grid article strong,:root[data-theme=dark] .machine-chart strong,:root[data-theme=dark] .machine-events>strong{color:#e8effc}:root[data-theme=dark] .machine-dashboard-grid article strong.online{color:#61d8a8}:root[data-theme=dark] .machine-dashboard-grid article strong.warning{color:#f4b55d}:root[data-theme=dark] .machine-dashboard-grid article strong.offline{color:#aebbd0}:root[data-theme=dark] .machine-chart path[stroke=\#edf0f5]{stroke:#2d405d}:root[data-theme=dark] .machine-events>div{border-color:#293954}:root[data-theme=dark] .machine-events span{color:#f4b55d;background:#3d2b17}:root[data-theme=dark] .machine-events div:nth-of-type(2) span{color:#61d8a8;background:#143c35}:root[data-theme=dark] .wizard-form>label,:root[data-theme=dark] .wizard-form .two-col>label{color:#c2d0e6}:root[data-theme=dark] .wizard-form .check-row{color:#b9c9e2!important}:root[data-theme=dark] .wizard-form input[type=checkbox]{accent-color:#4f7fec}:root[data-theme=dark] .client-contact-fields{background:#16233a;border-color:#304260;box-shadow:inset 0 1px #a4bfed0a}:root[data-theme=dark] .client-contact-fields>p{color:#a9bad4}:root[data-theme=dark] .client-contact-fields label{color:#d3deef}:root[data-theme=dark] .client-contact-fields input{color:#e8effc!important;background:#0d1728!important;border-color:#344764!important}:root[data-theme=dark] .client-contact-fields input::placeholder{color:#7184a3}:root[data-theme=dark] .client-access-shell{color:#e5ecfa;background:#091220}:root[data-theme=dark] .client-access-card{color:#e5ecfa}:root[data-theme=dark] .client-access-card h2{color:#f2f6ff}:root[data-theme=dark] .client-access-card>.muted,:root[data-theme=dark] .client-access-note{color:#a9bad4}:root[data-theme=dark] .client-access-card label{color:#d6e1f2}:root[data-theme=dark] .client-access-card input{color:#e8effc!important;background:#0d1728!important;border-color:#344764!important}:root[data-theme=dark] .client-access-card input::placeholder{color:#7184a3}:root[data-theme=dark] .client-access-card .primary-button:disabled{color:#bfd2f7;box-shadow:none;opacity:.72;background:#284c8e}:root[data-theme=dark] .choice-pills button.selected{color:#f4f8ff;background:#254d9a;border-color:#5784ee;box-shadow:0 0 0 2px #4f7fec33}:root[data-theme=dark] .choice-pills button.selected:hover{background:#2d59ac}.rule-message-editor{background:#f8faff;border:1px solid #dce3f0;border-radius:10px;gap:10px;padding:14px;display:grid}.rule-message-editor>div{gap:3px;display:grid}.rule-message-editor>div strong{font-size:12px}.rule-message-editor>div p{color:#748198;margin:0;font-size:10px;line-height:1.45}.rule-message-editor label{color:#56627a;gap:6px;font-size:10px;font-weight:800;display:grid}.rule-message-editor textarea{resize:vertical;color:#27334b;width:100%;font:inherit;background:#fff;border:1px solid #dbe1eb;border-radius:8px;outline:none;padding:10px 11px;font-size:11px;line-height:1.5}.rule-message-editor textarea:focus{border-color:#7987e8;box-shadow:0 0 0 3px #e9ebff}.rule-token-help{color:#758298;margin:0;font-size:10px;line-height:1.6}.rule-token-help code{color:#4659ca;background:#e8ebff;border-radius:4px;margin:1px 2px;padding:1px 4px;font-size:9px;font-weight:800;display:inline-block}.prototype-note{color:#5d6d92;background:#eef1ff;border-left:3px solid #8a9aea;padding:8px 9px;font-size:10px;line-height:1.5}.rule-test-message{color:#157c5e;background:#e8f7f1;border-radius:8px;margin:0;padding:10px 11px;font-size:11px;font-weight:700;line-height:1.5}.rule-message-preview{background:#f8faff;border:1px solid #dce3f0;border-radius:9px;gap:7px;margin-top:2px;padding:13px;display:grid}.rule-message-preview small{color:#7282a4;letter-spacing:.08em;font-size:9px;font-weight:900}.rule-message-preview strong{font-size:12px}.rule-message-preview p{color:#53617a;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.55}.rule-message-preview .email-preview-body{border-top:1px solid #e2e7f1;padding-top:7px}.rule-builder-card .rule-message-editor input{font-size:11px}:root[data-theme=dark] .rule-message-editor,:root[data-theme=dark] .rule-message-preview{background:#16233a;border-color:#304260}:root[data-theme=dark] .rule-message-editor>div strong,:root[data-theme=dark] .rule-message-editor label,:root[data-theme=dark] .rule-message-preview strong{color:#e5ecfa}:root[data-theme=dark] .rule-message-editor>div p,:root[data-theme=dark] .rule-token-help,:root[data-theme=dark] .rule-message-preview p{color:#aab9cf}:root[data-theme=dark] .rule-message-editor textarea{color:#e5ecfa;background:#0d1728;border-color:#344764}:root[data-theme=dark] .rule-token-help code{color:#a8c5ff;background:#203351}:root[data-theme=dark] .prototype-note{color:#afc5e9;background:#1b2c4c}:root[data-theme=dark] .rule-test-message{color:#74dfb2;background:#143c35}:root[data-theme=dark] .rule-message-preview .email-preview-body{border-color:#293954}.condition-mode{background:#f3f5f9;border:1px solid #dce2ed;border-radius:9px;gap:6px;padding:4px;display:flex}.condition-mode button{color:#748096;background:0 0;border:0;border-radius:6px;flex:1;padding:8px;font-size:10px;font-weight:800}.condition-mode button.active{color:#4559cf;background:#fff;box-shadow:0 1px 4px #19284e1f}.formula-builder{background:#f8faff;border:1px solid #dce3f0;border-radius:10px;gap:11px;padding:14px;display:grid}.formula-builder-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.formula-builder-head>div{gap:3px;display:grid}.formula-builder-head strong{font-size:12px}.formula-builder-head p{color:#748198;margin:0;font-size:10px}.formula-builder-head .quiet-link{padding:5px 7px;font-size:10px}.formula-operands{gap:8px;display:grid}.formula-operand{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.formula-operand>select{color:#27334b;background:#fff;border:1px solid #dbe1eb;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 10px;font-size:11px}.formula-operand>.formula-math{color:#5264d4;width:49px;font-weight:900}.formula-remove{color:#778399;background:#eef1f6;border:0;border-radius:7px;place-items:center;width:26px;height:26px;padding:0;font-size:16px;display:grid}.formula-remove:hover{color:#b64857;background:#feecef}.formula-result{color:#667494;background:#eef1ff;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:10px;display:flex}.formula-result code{color:#4558c8;font-size:11px;font-weight:800}.formula-result span{text-align:right;margin-left:auto}:root[data-theme=dark] .condition-mode{background:#18263d;border-color:#304260}:root[data-theme=dark] .condition-mode button{color:#a6b7d0}:root[data-theme=dark] .condition-mode button.active{color:#a8c5ff;box-shadow:none;background:#263a5b}:root[data-theme=dark] .formula-builder{background:#16233a;border-color:#304260}:root[data-theme=dark] .formula-builder-head strong{color:#e5ecfa}:root[data-theme=dark] .formula-builder-head p{color:#aab9cf}:root[data-theme=dark] .formula-operand>select{color:#e5ecfa;background:#0d1728;border-color:#344764}:root[data-theme=dark] .formula-remove{color:#aec0dc;background:#263851}:root[data-theme=dark] .formula-remove:hover{color:#ffc2cb;background:#542936}:root[data-theme=dark] .formula-result{color:#adc0dc;background:#1b2d4b}:root[data-theme=dark] .formula-result code{color:#a8c5ff}@media (max-width:560px){.formula-builder-head{flex-direction:column;align-items:stretch}.formula-builder-head .quiet-link{width:100%}.formula-result{flex-direction:column;align-items:flex-start}.formula-result span{text-align:left;margin-left:0}}.linked-conditions{background:#fbfcff;border:1px solid #dce3f0;border-radius:10px;gap:10px;padding:14px;display:grid}.linked-conditions-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.linked-conditions-head>div{gap:3px;display:grid}.linked-conditions-head strong{font-size:12px}.linked-conditions-head p,.linked-condition-empty{color:#748198;margin:0;font-size:10px;line-height:1.45}.linked-conditions-head .quiet-link{padding:5px 7px;font-size:10px}.linked-condition{border-top:1px solid #e8edf4;grid-template-columns:78px minmax(130px,1.5fr) 86px minmax(76px,.7fr) auto 26px;align-items:end;gap:7px;padding-top:10px;display:grid}.linked-condition label{color:#56627a;gap:6px;font-size:9px;font-weight:850;display:grid}.linked-condition select,.linked-condition input{color:#27334b;background:#fff;border:1px solid #dbe1eb;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 8px;font-size:10px}.linked-condition-unit{color:#738096;padding:9px 0;font-size:10px;font-weight:800}.linked-condition .formula-remove{align-self:end}:root[data-theme=dark] .linked-conditions{background:#16233a;border-color:#304260}:root[data-theme=dark] .linked-conditions-head strong,:root[data-theme=dark] .linked-condition label{color:#e5ecfa}:root[data-theme=dark] .linked-conditions-head p,:root[data-theme=dark] .linked-condition-empty,:root[data-theme=dark] .linked-condition-unit{color:#aab9cf}:root[data-theme=dark] .linked-condition{border-color:#293954}:root[data-theme=dark] .linked-condition select,:root[data-theme=dark] .linked-condition input{color:#e5ecfa;background:#0d1728;border-color:#344764}@media (max-width:720px){.linked-conditions-head{flex-direction:column;align-items:stretch}.linked-conditions-head .quiet-link{width:100%}.linked-condition{grid-template-columns:1fr 1fr}.linked-condition label:nth-child(2){grid-column:span 2}.linked-condition-unit{padding:0}.linked-condition .formula-remove{justify-self:end}}.rule-logic-label{align-items:center;gap:8px;margin-bottom:-5px;display:flex}.rule-logic-label b{color:#fff;letter-spacing:.08em;background:#5264df;border-radius:6px;place-items:center;min-width:31px;height:22px;padding:0 7px;font-size:10px;display:grid}.rule-logic-label span{color:#7a879c;font-size:10px;font-weight:700}:root[data-theme=dark] .rule-logic-label b{background:#3574eb}:root[data-theme=dark] .rule-logic-label span{color:#aab9cf}.condition-designer-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.condition-designer-switch button{color:#718097;text-align:left;background:#f8faff;border:1px solid #dce3ef;border-radius:9px;gap:3px;padding:11px 12px;display:grid}.condition-designer-switch button strong{color:#3f4c65;font-size:11px}.condition-designer-switch button span{font-size:9px;font-weight:700}.condition-designer-switch button.active{background:#eef1ff;border-color:#8290ed;box-shadow:0 0 0 2px #e4e8ff}.condition-designer-switch button.active strong{color:#4559ca}.logical-conditions{background:#f8faff;border:1px solid #dce3f0;border-radius:10px;gap:11px;padding:14px;display:grid}.logical-conditions-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.logical-conditions-head>div{gap:3px;display:grid}.logical-conditions-head strong{font-size:12px}.logical-conditions-head p,.logic-hint{color:#748198;margin:0;font-size:10px;line-height:1.5}.logical-conditions-head .quiet-link{padding:5px 7px;font-size:10px}.logic-review{color:#53627d;background:#eaf0ff;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;display:flex}.logic-review>span,.logical-condition>b{color:#fff;letter-spacing:.06em;background:#5264df;border-radius:5px;place-items:center;min-width:29px;height:21px;padding:0 6px;font-size:9px;font-weight:900;display:grid}.logic-review code{color:#4558c8;padding-top:3px;font-size:10px;font-weight:800;line-height:1.45}.logical-condition-list{gap:8px;display:grid}.logical-condition{border-top:1px solid #e6ebf3;grid-template-columns:34px 64px minmax(125px,1.4fr) 84px minmax(74px,.65fr) auto 26px;align-items:end;gap:7px;padding-top:10px;display:grid}.logical-condition>b{align-self:end}.logical-condition>select{color:#5264d4;background:#fff;border:1px solid #dbe1eb;border-radius:8px;width:100%;padding:9px 5px;font-size:9px;font-weight:900}.logical-condition label{color:#56627a;gap:6px;font-size:9px;font-weight:850;display:grid}.logical-condition label select,.logical-condition label input{color:#27334b;background:#fff;border:1px solid #dbe1eb;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 8px;font-size:10px}.logical-condition-unit{color:#738096;padding:9px 0;font-size:10px;font-weight:800}.logical-condition .formula-remove{align-self:end}.logical-condition .formula-remove:disabled{opacity:.35}:root[data-theme=dark] .condition-designer-switch button{color:#aab9cf;background:#16233a;border-color:#304260}:root[data-theme=dark] .condition-designer-switch button strong{color:#e5ecfa}:root[data-theme=dark] .condition-designer-switch button.active{box-shadow:none;background:#203351;border-color:#4f72ae}:root[data-theme=dark] .condition-designer-switch button.active strong{color:#a8c5ff}:root[data-theme=dark] .logical-conditions{background:#16233a;border-color:#304260}:root[data-theme=dark] .logical-conditions-head strong,:root[data-theme=dark] .logical-condition label{color:#e5ecfa}:root[data-theme=dark] .logical-conditions-head p,:root[data-theme=dark] .logic-hint,:root[data-theme=dark] .logical-condition-unit{color:#aab9cf}:root[data-theme=dark] .logic-review{color:#b8c9e5;background:#1b2d4b}:root[data-theme=dark] .logic-review code{color:#a8c5ff}:root[data-theme=dark] .logical-condition{border-color:#293954}:root[data-theme=dark] .logical-condition>select,:root[data-theme=dark] .logical-condition label select,:root[data-theme=dark] .logical-condition label input{color:#e5ecfa;background:#0d1728;border-color:#344764}@media (max-width:820px){.logical-condition{grid-template-columns:34px 64px 1fr 1fr}.logical-condition label:first-of-type{grid-column:span 2}.logical-condition-unit{padding:0}.logical-condition .formula-remove{justify-self:end}}@media (max-width:560px){.condition-designer-switch{grid-template-columns:1fr}.logical-conditions-head{flex-direction:column;align-items:stretch}.logical-conditions-head .quiet-link{width:100%}.logical-condition{grid-template-columns:34px 1fr 1fr}.logical-condition>select,.logical-condition label:first-of-type{grid-column:span 2}.logical-condition label:nth-of-type(2),.logical-condition label:nth-of-type(3){grid-column:span 1}}.logical-condition{grid-template-columns:34px 64px minmax(110px,1.2fr) 82px 92px minmax(110px,1fr) auto 26px}@media (max-width:820px){.logical-condition{grid-template-columns:34px 64px 1fr 1fr}.logical-condition label:first-of-type,.logical-condition label:nth-of-type(3){grid-column:span 2}}@media (max-width:560px){.logical-condition{grid-template-columns:34px 1fr 1fr}.logical-condition label:first-of-type,.logical-condition label:nth-of-type(3){grid-column:span 2}}@media (max-width:1520px){.rule-builder-layout{grid-template-columns:1fr}.rule-preview{min-width:0}}.client-branding-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111b327a;place-items:center;padding:22px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.client-branding-dialog{background:#fff;border:1px solid #dce3f0;border-radius:16px;width:min(570px,100%);padding:28px;position:relative;box-shadow:0 30px 75px #0f1b3e47}.client-branding-dialog h2{letter-spacing:-.04em;margin:0;font-size:24px}.client-branding-dialog>.muted{margin:9px 0 19px;font-size:12px}.client-branding-dialog>.close-button{position:absolute;top:16px;right:16px}.client-logo-dropzone{color:#5364d5;text-align:center;cursor:pointer;background:#f7f9ff;border:1px dashed #aebcea;border-radius:12px;justify-items:center;gap:7px;padding:28px 18px;display:grid}.client-logo-dropzone input,.client-logo-replace input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.client-logo-dropzone>span{color:#5063d8;background:#e5eaff;border-radius:10px;place-items:center;width:35px;height:35px;font-size:20px;font-weight:900;display:grid}.client-logo-dropzone strong{color:#3f4b67;font-size:12px}.client-logo-dropzone small{color:#78859a;font-size:10px}.client-logo-preview{background:#f8faff;border:1px solid #dce3ef;border-radius:12px;gap:13px;padding:14px;display:grid}.client-logo-preview>div{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:13px;display:grid}.client-logo-preview img{object-fit:contain;background:#fff;border:1px solid #e1e6ef;border-radius:9px;width:150px;height:82px;display:block}.client-logo-preview span{color:#657187;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.client-logo-preview .secondary-button{justify-self:start}.client-branding-message{color:#157c5e;background:#e8f7f1;border-radius:8px;margin:13px 0 0;padding:10px 11px;font-size:11px;font-weight:750}.client-branding-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.client-logo-replace{cursor:pointer;align-items:center;display:inline-flex;position:relative}.shared-branding{align-items:center;gap:14px;min-width:0;display:flex}.shared-brand-divider{background:#d8dfeb;width:1px;height:28px}.shared-client-logo{align-items:center;max-width:180px;height:40px;display:flex}.shared-client-logo img{object-fit:contain;object-position:left center;width:100%;height:40px;display:block}.shared-client-logo img[src^=data\:]{image-rendering:auto}@media (max-width:760px){.client-branding-dialog{padding:24px 18px}.client-logo-preview>div{grid-template-columns:1fr}.client-logo-preview img{width:100%;height:94px}.shared-dashboard header{height:auto;min-height:68px;padding-top:12px;padding-bottom:12px}.shared-branding{gap:9px}.shared-brand-divider{height:23px}.shared-client-logo{max-width:112px;height:32px}.shared-client-logo img{height:32px}.client-date-time{display:none}}:root[data-theme=dark] .client-branding-dialog{color:#e5ecfa;background:#121c30;border-color:#304260}:root[data-theme=dark] .client-branding-dialog h2,:root[data-theme=dark] .client-logo-dropzone strong{color:#e5ecfa}:root[data-theme=dark] .client-logo-dropzone,:root[data-theme=dark] .client-logo-preview{background:#16233a;border-color:#304260}:root[data-theme=dark] .client-logo-dropzone>span{color:#a8c5ff;background:#203351}:root[data-theme=dark] .client-logo-dropzone small,:root[data-theme=dark] .client-logo-preview span{color:#aab9cf}:root[data-theme=dark] .client-logo-preview img{background:#0d1728;border-color:#344764}:root[data-theme=dark] .shared-brand-divider{background:#344764}.forgot-password-link{color:#5264d4;margin-top:15px;font-size:12px;font-weight:800;display:inline-block}.forgot-password-link:hover{text-decoration:underline}.recovery-card{max-width:430px}.recovery-result{color:#37644f;background:#f2fbf6;border:1px solid #ccebdd;border-radius:11px;gap:10px;margin-top:22px;padding:17px;display:grid}.recovery-result>span{color:#16815e;background:#dff5e9;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.recovery-result strong{font-size:13px}.recovery-result p{margin:0;font-size:12px;line-height:1.55}.recovery-result .primary-button{justify-self:start;margin-top:4px}.recovery-error{color:#b23b4c;background:#fff0f1;border-radius:8px;margin:0;padding:10px 11px;font-size:11px;font-weight:750}.password-recovery-panel{background:linear-gradient(135deg,#f4f6ff,#fbfcff);border:1px solid #d5ddfb;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;padding:18px 20px;display:flex}.password-recovery-panel .eyebrow{margin-bottom:5px}.password-recovery-panel h2{letter-spacing:-.03em;margin:0;font-size:17px}.password-recovery-panel p:not(.eyebrow){color:#67758e;max-width:680px;margin:6px 0 0;font-size:11px;line-height:1.5}.password-recovery-policy{gap:6px;min-width:186px;display:grid}.password-recovery-policy span{color:#5264d4;background:#fff;border:1px solid #dce3f2;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.reset-request-list{background:#fffaf0;border:1px solid #f0d8a9;border-radius:12px;gap:9px;margin-bottom:17px;padding:16px 18px;display:grid}.reset-request-list>div{gap:3px;display:grid}.reset-request-list>div strong{color:#78541e;font-size:12px}.reset-request-list>div span{color:#8a7352;font-size:10px}.reset-request-list article{border-top:1px solid #f0dfbd;justify-content:space-between;align-items:center;gap:15px;padding:10px 0 0;display:flex}.reset-request-list article>div{gap:3px;display:grid}.reset-request-list article strong{font-size:11px}.reset-request-list article span{color:#7f715c;font-size:10px}.reset-request-list .primary-button{padding:8px 10px;font-size:10px}.password-reset-message{color:#167c5d;background:#e8f7f1;border-radius:9px;align-items:center;gap:9px;margin:0 0 17px;padding:11px 13px;font-size:11px;font-weight:750;display:flex}.password-reset-message button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:17px}.reset-state{color:#5264d4;margin-top:4px;font-size:9px;font-weight:800;display:block}.reset-state.requested{color:#b37416}.reset-state.authorized{color:#16815f}@media (max-width:760px){.password-recovery-panel{flex-direction:column;align-items:stretch}.password-recovery-policy{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.password-recovery-policy span{text-align:center}.reset-request-list article{flex-direction:column;align-items:flex-start}.reset-request-list .primary-button{width:100%}}@media (max-width:480px){.password-recovery-policy{grid-template-columns:1fr}.password-recovery-policy span{text-align:left}}:root[data-theme=dark] .password-recovery-panel{background:#16233a;border-color:#304260}:root[data-theme=dark] .password-recovery-panel h2{color:#e5ecfa}:root[data-theme=dark] .password-recovery-panel p:not(.eyebrow){color:#aab9cf}:root[data-theme=dark] .password-recovery-policy span{color:#a8c5ff;background:#0d1728;border-color:#344764}:root[data-theme=dark] .reset-request-list{background:#2f2617;border-color:#725522}:root[data-theme=dark] .reset-request-list>div strong{color:#f2c674}:root[data-theme=dark] .reset-request-list>div span,:root[data-theme=dark] .reset-request-list article span{color:#c6b28b}:root[data-theme=dark] .reset-request-list article{border-color:#624d27}:root[data-theme=dark] .recovery-result{color:#c0e4d3;background:#14372f;border-color:#275548}:root[data-theme=dark] .recovery-result>span{color:#85e6ba;background:#1c5b48}:root[data-theme=dark] .recovery-error{color:#ffc2cb;background:#542936}.dashboard-transfer-bar{z-index:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 34px);margin:18px auto 34px;position:relative;bottom:auto;left:auto;transform:none}.scada-launcher{z-index:15}.published-toast{z-index:16;bottom:82px;right:28px}@media (max-width:760px){.dashboard-transfer-bar{max-width:calc(100% - 26px);margin:14px auto 26px;bottom:auto;left:auto;transform:none}.published-toast{max-width:calc(100vw - 28px);bottom:70px;right:14px}}.published-toast{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;margin:18px 0 0 auto;position:relative;bottom:auto;right:auto}@media (max-width:760px){.published-toast{width:100%;max-width:none;margin:14px 0 0;bottom:auto;right:auto}}:root .unpublish-client-button{color:#ad3445;cursor:pointer;background:#fff7f8;border:1px solid #e9b5bd;border-radius:8px;padding:9px 11px;font:800 11px/1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background .16s,border-color .16s}:root .unpublish-client-button:hover{background:#fff0f2;border-color:#dc8491}:root[data-theme=dark] .unpublish-client-button{color:#ffc2cb;background:#4b2633;border-color:#774051}:root[data-theme=dark] .unpublish-client-button:hover{background:#63303f;border-color:#a8596c}@media (max-width:620px){.share-actions{flex-direction:column;align-items:stretch}.share-actions .unpublish-client-button,.share-actions .secondary-button,.share-actions .primary-button{justify-content:center;width:100%}}:root .dashboard-save-bar{background:#f4fbf8;border:1px solid #d8e5df;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 14px;padding:13px 15px;display:flex}:root .dashboard-save-bar.dirty{background:#f4f6ff;border-color:#d6ddfc}:root .dashboard-save-bar>div:first-child{gap:3px;display:grid}:root .dashboard-save-bar strong{color:#276650;font-size:12px}:root .dashboard-save-bar.dirty strong{color:#4758c5}:root .dashboard-save-bar span{color:#6d7c8e;font-size:10px}:root .dashboard-save-bar>div:last-child{gap:8px;display:flex}:root .dashboard-save-bar .primary-button,:root .dashboard-save-bar .secondary-button{padding:8px 10px;font-size:10px}:root .dashboard-edit-details{background:#fff;border:1px solid #e0e5ee;border-radius:11px;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding:13px 15px;display:flex}:root .dashboard-edit-details label{color:#647187;gap:5px;font-size:10px;font-weight:800;display:grid}:root .dashboard-edit-details input{color:#1e2a42;border:1px solid #cfd8e7;border-radius:7px;width:min(330px,100%);padding:8px 10px;font:700 12px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}:root .dashboard-edit-details>span{color:#7a8799;font-size:10px}:root .dashboard-tab-list{align-items:center;gap:6px;min-width:0;display:flex;overflow:auto}:root .dashboard-toolbar .dashboard-tab-list button{color:#6f7b8d;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:none;padding:7px 9px;font-size:11px;font-weight:800}:root .dashboard-toolbar .dashboard-tab-list button.tab-active{color:#5264d4;background:#e9edff}:root .dashboard-added-widget{border-color:#cdd8fb;position:relative}:root .dashboard-added-widget>button{color:#63718a;cursor:pointer;background:#edf0f8;border:0;border-radius:50%;width:20px;height:20px;font-size:15px;line-height:1;position:absolute;top:9px;right:9px}:root .dashboard-added-widget>button:hover{color:#b33c4c;background:#ffe9eb}:root[data-theme=dark] .dashboard-save-bar{background:#112b2a;border-color:#2c5d50}:root[data-theme=dark] .dashboard-save-bar.dirty{background:#172442;border-color:#344d84}:root[data-theme=dark] .dashboard-save-bar strong{color:#82e0bd}:root[data-theme=dark] .dashboard-save-bar.dirty strong{color:#aabcfb}:root[data-theme=dark] .dashboard-save-bar span,:root[data-theme=dark] .dashboard-edit-details>span{color:#a2b2c9}:root[data-theme=dark] .dashboard-edit-details{background:#121c30;border-color:#293954}:root[data-theme=dark] .dashboard-edit-details label{color:#bdcae0}:root[data-theme=dark] .dashboard-edit-details input{color:#e5ecfa;background:#0d1728;border-color:#344764}:root[data-theme=dark] .dashboard-toolbar .dashboard-tab-list button{color:#aab9cf}:root[data-theme=dark] .dashboard-toolbar .dashboard-tab-list button.tab-active{color:#bdd2ff;background:#263b65}:root[data-theme=dark] .dashboard-added-widget{border-color:#38527b}:root[data-theme=dark] .dashboard-added-widget>button{color:#c8d7ee;background:#233553}@media (max-width:720px){.dashboard-save-bar,.dashboard-edit-details{flex-direction:column;align-items:stretch}.dashboard-save-bar>div:last-child{grid-template-columns:1fr 1fr;display:grid}.dashboard-save-bar>div:last-child button,.dashboard-edit-details input{width:100%}.dashboard-toolbar{flex-wrap:wrap}.dashboard-tab-list{order:-1;width:100%}}:root .dashboard-grid>.dashboard-added-widget{display:none}:root .dashboard-visual-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px;display:grid}:root .modern-chart-widget{background:linear-gradient(145deg,#fff,#f7f9ff);border:1px solid #e0e6f2;border-radius:15px;min-width:0;min-height:228px;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 26px #1b2d5a14}:root .modern-chart-widget:after{content:"";opacity:.045;pointer-events:none;background:currentColor;border-radius:50%;width:156px;height:156px;position:absolute;bottom:-60px;right:-54px}:root .modern-chart-widget.violet{color:#5968df}:root .modern-chart-widget.cyan{color:#1d9ece}:root .modern-chart-widget.green{color:#20ae82}:root .modern-chart-widget.orange{color:#df8c30}:root .modern-widget-head{color:#263451;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}:root .modern-widget-head>div{gap:3px;display:grid}:root .modern-widget-head p{margin:0;font-size:12px;font-weight:850}:root .modern-widget-head span{color:#7e8aa0;font-size:9px;font-weight:650}:root .modern-widget-head button{z-index:1;color:#738198;cursor:pointer;background:#f0f3f9;border:0;border-radius:7px;place-items:center;width:23px;height:23px;font-size:17px;line-height:1;display:grid}:root .modern-widget-head button:hover{color:#b43d50;background:#ffecef}:root .modern-widget-value{align-items:baseline;gap:5px;margin-top:14px;display:flex}:root .modern-widget-value strong{color:#22304d;letter-spacing:-.055em;font-size:25px}:root .modern-widget-value small{color:#64738d;font-size:10px;font-weight:850}:root .widget-live-dot{color:#1b9c71;margin-left:auto;font-size:9px;font-weight:900}:root .widget-live-dot:before{content:"";background:#2ac994;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block;box-shadow:0 0 0 4px #dff8ee}:root .modern-line-chart{color:#5968df;margin-top:10px}:root .modern-line-chart svg{width:100%;height:112px;display:block;overflow:visible}:root .modern-chart-grid{fill:none;stroke:#e7ebf5;stroke-width:1px}:root .modern-chart-stroke{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 5px #4c5dcb2e)}:root .modern-line-chart>div{color:#929caf;justify-content:space-between;font-size:8px;font-weight:750;display:flex}:root .modern-bars{border-bottom:1px solid #e7edf5;align-items:end;gap:7px;height:112px;margin-top:12px;padding:0 4px 18px;display:flex;position:relative}:root .modern-bars i{background:linear-gradient(#43c7ea,#2189ca);border-radius:6px 6px 2px 2px;flex:1;min-width:7px;display:block;box-shadow:0 5px 10px #208ecb2e}:root .modern-bars i:nth-of-type(3n){background:linear-gradient(#77d9ed,#469bd3)}:root .modern-bars>div{color:#8b98ab;justify-content:space-between;font-size:8px;font-weight:750;display:flex;position:absolute;bottom:3px;left:0;right:0}:root .modern-ring-wrap{align-items:center;gap:13px;min-height:132px;margin-top:7px;display:flex}:root .modern-ring{flex:0 0 128px;width:128px;height:128px;position:relative}:root .modern-ring svg{width:100%;height:100%;transform:rotate(-90deg)}:root .modern-ring-track{fill:none;stroke:#e8f1ee;stroke-width:14px}:root .modern-ring-value{fill:none;stroke-width:14px;stroke-linecap:round;stroke-dasharray:359;stroke-dashoffset:11px;filter:drop-shadow(0 5px 6px #20ae822e)}:root .modern-ring>strong{color:#23344e;letter-spacing:-.06em;place-content:center;font-size:25px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}:root .modern-ring>strong small{color:#61718a;align-self:end;margin:0 0 49px -3px;font-size:10px}:root .modern-ring-wrap>div:last-child{color:#738097;gap:5px;font-size:10px;display:grid}:root .modern-ring-wrap b{color:#238d6f;font-size:13px}:root .modern-ring-wrap small{font-size:9px;line-height:1.45}:root .modern-metric-footer{color:#9b6320;background:linear-gradient(135deg,#fff4e7,#fffaf4);border-radius:10px;grid-template-columns:1fr auto;gap:4px;margin-top:34px;padding:13px;font-size:10px;font-weight:800;display:grid}:root .modern-metric-footer b{font-size:11px}:root .modern-metric-footer i{background:linear-gradient(90deg,#f3b966 0 72%,#fce9ca 72%);border-radius:9px;grid-column:span 2;height:5px;overflow:hidden}:root[data-theme=dark] .modern-chart-widget{background:linear-gradient(145deg,#121f35,#152943);border-color:#304260;box-shadow:0 14px 30px #0000003d}:root[data-theme=dark] .modern-widget-head{color:#e4edff}:root[data-theme=dark] .modern-widget-head span,:root[data-theme=dark] .modern-widget-value small,:root[data-theme=dark] .modern-line-chart>div,:root[data-theme=dark] .modern-bars>div{color:#9fb0ca}:root[data-theme=dark] .modern-widget-head button{color:#c7d8f0;background:#203653}:root[data-theme=dark] .modern-widget-value strong,:root[data-theme=dark] .modern-ring>strong{color:#f0f5ff}:root[data-theme=dark] .modern-chart-grid{stroke:#2c405f}:root[data-theme=dark] .modern-ring-track{stroke:#203d3d}:root[data-theme=dark] .modern-ring-wrap>div:last-child{color:#aabbd1}:root[data-theme=dark] .modern-ring>strong small{color:#a8b9cf}:root[data-theme=dark] .modern-metric-footer{color:#f0bd71;background:linear-gradient(135deg,#423019,#302416)}@media (max-width:1050px){.dashboard-visual-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.dashboard-visual-gallery{grid-template-columns:1fr}.modern-chart-widget{min-height:210px}.modern-ring-wrap{justify-content:center}}:root .project-record-summary{color:#68768c;background:#fafbfe;border:1px solid #e4e8f0;border-radius:9px;gap:5px;margin-top:15px;padding:11px 12px;font-size:10px;line-height:1.35;display:grid}:root .project-record-summary b{color:#394863}:root .project-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}:root .project-record-grid>article{background:#fff;border:1px solid #e0e5ee;border-radius:13px;padding:22px;box-shadow:0 4px 13px #19274e09}:root .project-record-grid h2{color:#26334c;letter-spacing:-.035em;margin:0 0 19px;font-size:20px}:root .project-record-grid dl{gap:0;margin:0;display:grid}:root .project-record-grid dl>div{border-top:1px solid #edf0f5;grid-template-columns:minmax(108px,.65fr) minmax(0,1.35fr);gap:13px;padding:12px 0;display:grid}:root .project-record-grid dt{color:#7b889c;font-size:10px;font-weight:800}:root .project-record-grid dd{color:#3d4a63;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:700}:root .project-record-grid code{color:#5264d4;font-size:10px}:root .project-record-grid a{color:#4d60d1;text-underline-offset:3px;-webkit-text-decoration:underline #cbd3f7;text-decoration:underline #cbd3f7}:root[data-theme=dark] .project-record-summary{color:#afbed2;background:#16233a;border-color:#30415d}:root[data-theme=dark] .project-record-summary b{color:#e6edfb}:root[data-theme=dark] .project-record-grid>article{background:#121c30;border-color:#293954}:root[data-theme=dark] .project-record-grid h2{color:#edf3ff}:root[data-theme=dark] .project-record-grid dl>div{border-color:#293954}:root[data-theme=dark] .project-record-grid dt{color:#9eafc9}:root[data-theme=dark] .project-record-grid dd{color:#d8e2f3}:root[data-theme=dark] .project-record-grid a{color:#9ab8ff}@media (max-width:720px){.project-record-grid{grid-template-columns:1fr}.project-record-grid dl>div{grid-template-columns:1fr;gap:4px}}:root .project-client-access{border-top:1px solid #e8edf3;align-items:center;gap:6px;padding-top:6px;font-weight:750;display:flex}:root .project-client-access i{background:#b66c18;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #fff0dc}:root .project-client-access b{margin-left:auto}:root .project-client-access.active{color:#187c5c}:root .project-client-access.active i{background:#2ebc86;box-shadow:0 0 0 3px #ddf7ec}:root .project-client-access.active b{color:#187c5c}:root .project-client-access.inactive,:root .project-client-access.inactive b{color:#9a641e}:root[data-theme=dark] .project-client-access{border-color:#30415d}:root[data-theme=dark] .project-client-access.active,:root[data-theme=dark] .project-client-access.active b{color:#69d7aa}:root[data-theme=dark] .project-client-access.inactive,:root[data-theme=dark] .project-client-access.inactive b{color:#f0b563}:root[data-theme=dark] .project-client-access.inactive i{background:#eea852;box-shadow:0 0 0 3px #3c2b16}:root .account-setup-dialog{width:min(540px,100%)}:root .account-setup-dialog label small{color:#7b8799;font-size:9px;font-weight:600;line-height:1.35}:root .account-password-note{color:#67758f;background:#f3f5ff;border:1px solid #d6defa;border-radius:9px;gap:9px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}:root .account-password-note>span{color:#5364d4;font-size:15px;font-weight:900}:root .account-password-note p{margin:0}:root .account-password-note strong{color:#4b5dc9}:root[data-theme=dark] .account-password-note{color:#afbed4;background:#172641;border-color:#344d76}:root[data-theme=dark] .account-password-note strong{color:#adc2ff}@media (max-width:560px){.account-setup-dialog .two-col{grid-template-columns:1fr}}:root .client-url-status{background:linear-gradient(145deg,#fbfcfe,#f5f7fb);border-color:#dbe2ed}:root .client-url-status.active{background:linear-gradient(145deg,#f5fcf8,#edfaf3);border-color:#bfe6d5}:root .client-url-status.active strong,:root .client-url-status.active em{color:#16825f}:root .client-url-status.inactive{background:linear-gradient(145deg,#fffaf5,#fff5ea);border-color:#f0d5bd}:root .client-url-status.inactive strong,:root .client-url-status.inactive em{color:#a96017}:root[data-theme=dark] .client-url-status{background:#121c30}:root[data-theme=dark] .client-url-status.active{background:#112f2a;border-color:#23654e}:root[data-theme=dark] .client-url-status.active strong,:root[data-theme=dark] .client-url-status.active em{color:#62d8a8}:root[data-theme=dark] .client-url-status.inactive{background:#332413;border-color:#704b23}:root[data-theme=dark] .client-url-status.inactive strong,:root[data-theme=dark] .client-url-status.inactive em{color:#f2b45d}:root .client-dashboard-tabs{gap:7px;margin:-4px 0 18px;padding-bottom:2px;display:flex;overflow:auto}:root .client-dashboard-tabs button{color:#64728a;background:#fff;border:1px solid #dce3f0;border-radius:8px;flex:none;padding:8px 11px;font-size:10px;font-weight:800}:root .client-dashboard-tabs button.active{color:#4d5ed0;background:#eef0ff;border-color:#cbd2fb;box-shadow:0 5px 12px #4b5bc51a}:root .client-saved-dashboard{background:linear-gradient(145deg,#fafbff,#f4f7ff);border:1px solid #dbe3f1;border-radius:13px;margin:16px 0;padding:16px}:root .client-saved-dashboard-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}:root .client-saved-dashboard-head>div{gap:3px;display:grid}:root .client-saved-dashboard-head p{color:#748198;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:9px;font-weight:850}:root .client-saved-dashboard-head strong{color:#2d3a55;font-size:13px}:root .client-saved-dashboard-head>span{color:#197c5d;white-space:nowrap;background:#e5f8f0;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}:root .client-saved-widgets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}:root .client-saved-widgets article{background:#fff;border:1px solid #e0e6f1;border-radius:10px;gap:5px;padding:12px;display:grid}:root .client-saved-widgets span,:root .client-saved-widgets em{color:#748198;font-size:9px;font-style:normal}:root .client-saved-widgets strong{color:#303c58;letter-spacing:-.04em;font-size:18px}:root .client-saved-widgets small{color:#71809b;font-size:9px}:root .client-saved-empty{color:#7b879a;margin:0;font-size:10px;line-height:1.5}:root[data-theme=dark] .client-dashboard-tabs button{color:#adbed7;background:#15243b;border-color:#354967}:root[data-theme=dark] .client-dashboard-tabs button.active{color:#bdd2ff;background:#253b65;border-color:#4365a4}:root[data-theme=dark] .client-saved-dashboard{background:linear-gradient(145deg,#121f35,#162943);border-color:#304565}:root[data-theme=dark] .client-saved-dashboard-head strong,:root[data-theme=dark] .client-saved-widgets strong{color:#e9f0ff}:root[data-theme=dark] .client-saved-dashboard-head p,:root[data-theme=dark] .client-saved-widgets span,:root[data-theme=dark] .client-saved-widgets em,:root[data-theme=dark] .client-saved-empty{color:#a5b6d0}:root[data-theme=dark] .client-saved-dashboard-head>span{color:#74dbb1;background:#143d35}:root[data-theme=dark] .client-saved-widgets article{background:#121c30;border-color:#304565}@media (max-width:620px){.client-saved-dashboard-head{flex-direction:column;align-items:flex-start}.client-saved-widgets{grid-template-columns:1fr}}:root .overall-dashboard-save{z-index:18;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafff5;border:1px solid #cbd5fb;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;max-width:calc(100% - 70px);margin:13px auto -1px;padding:10px 12px;display:flex;position:sticky;top:12px;box-shadow:0 10px 25px #2739701a}:root .overall-dashboard-save>div{gap:2px;display:grid}:root .overall-dashboard-save strong{color:#3f51bf;font-size:11px}:root .overall-dashboard-save span{color:#728099;font-size:9px}:root .overall-dashboard-save .primary-button{padding:8px 11px;font-size:10px}:root[data-theme=dark] .overall-dashboard-save{background:#101d31f5;border-color:#36517e}:root[data-theme=dark] .overall-dashboard-save strong{color:#b8ccff}:root[data-theme=dark] .overall-dashboard-save span{color:#aabbd3}@media (max-width:620px){.overall-dashboard-save{flex-direction:column;align-items:stretch;max-width:calc(100% - 28px);margin-top:10px}.overall-dashboard-save .primary-button{width:100%}}