@font-face{font-family:PnPFont;font-style:normal;src:local(""),url(/src/dots_all_for_now.ttf) format("truetype")}:root{--pnp-bg-a: #613d0b;--pnp-bg-b: #202020;--pnp-bg-c: #102050;--pnp-orange: #f29b07;--pnp-orange-soft: rgba(242, 155, 7, .24);--pnp-blue: #1679d8;--pnp-blue-soft: rgba(22, 121, 216, .18);--pnp-cyan: #56b2ff;--pnp-green: #39ff14;--pnp-violet: #a78bfa;--pnp-text: #ffffff;--pnp-muted: rgba(255, 255, 255, .68);--pnp-panel: rgba(255, 255, 255, .085);--pnp-panel-strong: rgba(0, 0, 0, .42);--pnp-panel-soft: rgba(17, 33, 55, .58);--pnp-border: rgba(255, 255, 255, .13);--pnp-shadow: 0 28px 80px rgba(0, 0, 0, .36);--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 18px;--font-size-xl: 26px;font-family:PnPFont,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--pnp-text);font-family:PnPFont,sans-serif;font-size:var(--font-size-md);background:linear-gradient(135deg,var(--pnp-bg-a) 0%,var(--pnp-bg-b) 30%,var(--pnp-bg-b) 50%,var(--pnp-bg-c) 100%);background-attachment:fixed;overflow-x:hidden}button,input,select,textarea{margin:0;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.background{width:100%;height:100%;min-height:100vh;position:fixed;transform:translate(-50%,-50%);left:50%;top:50%;overflow:hidden;pointer-events:none;z-index:0}.background .grid-lines{--s: 120px;--n: 5;--t: 2px;--g: 10px;--r: 120deg;--c: #556270 25%, #0000 0;background:conic-gradient(at var(--g) var(--t),var(--c)) calc((var(--s) / var(--n) - var(--g) + var(--t)) / 2) 0 / calc(var(--s) / var(--n)) var(--s),conic-gradient(from 180deg at var(--t) var(--g),var(--c)) 0 calc((var(--s) / var(--n) - var(--g) + var(--t)) / 2) / var(--s) calc(var(--s) / var(--n));transform:rotate(var(--r));width:980px;height:520px;position:absolute;z-index:-1;left:-300px;top:-100px;opacity:.9}.background .circle{position:absolute;border-radius:50%;z-index:-1;background-color:transparent;margin:40% 0 0 20%}.circle.small{width:300px;height:300px;border:2px dashed #556270;top:50%;left:50%;transform:translate(-50%,-50%)}.circle.medium{width:600px;height:600px;border:2px solid #556270;top:50%;left:50%;transform:translate(-50%,-50%)}.circle.large{width:800px;height:800px;border:2px dashed #556270;top:50%;left:50%;transform:translate(-50%,-50%)}.background .shape{height:200px;width:200px;position:absolute;border-radius:50%;filter:blur(.2px)}.shape:first-child{background:var(--pnp-orange);left:-60px;top:10px}.shape:nth-child(2){background:#0542a1;right:-30px;bottom:-80px}.container{width:min(1220px,calc(100% - 30px));margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row>*{flex-shrink:0;max-width:100%;padding-right:10px;padding-left:10px}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.align-items-center{align-items:center}.headerCol{position:relative;z-index:20;border-bottom:2px solid rgba(255,255,255,.1);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cloudHeaderCol{padding:11px 0}.cloudHeaderRow{gap:12px;flex-wrap:nowrap}.logoCol{display:flex;align-items:center;gap:15px;min-width:0}.logoCol #header_img,.cloudLogoCol #header_img{width:80px;height:auto;display:block;flex:0 0 auto}.leftlogging{cursor:pointer}.headerTitle{margin:0;display:block;color:var(--pnp-text);font-size:24px;line-height:1;white-space:nowrap}.cloudHeaderSubtitle{display:block;margin-top:6px;color:var(--pnp-muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.cloudNavWrap{min-width:0}.cloudNavCol{overflow-x:auto;scrollbar-width:none}.cloudNavCol::-webkit-scrollbar{display:none}.tabNavTrigger{display:flex;align-items:center;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none}.tabNavTrigger>li{display:inline-block;vertical-align:middle;position:relative}.tabNavTrigger>li+li{padding-left:34px}.tabNavTrigger>li+li:before{content:"|";position:absolute;left:15px;color:#ffffff8c}.tabNavTrigger button{background-color:transparent;border:none;color:#fff;padding:0 0 2px;font-size:18px;white-space:nowrap}.tabNavTrigger button.active{border-bottom:1px solid rgba(255,255,255,.8)}.cloudStatusWrap{margin-left:auto}.headerStatusCol,.cloudHeaderControls{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.cloudPlantSelect,.cloudHeaderAction,.globalRefreshBtn,.cloudPrimaryBtn,.cloudSecondaryBtn,input,select{outline:none}.cloudPlantSelect,.cloudPanel input,.cloudLoginForm input,.cloudFormPanel input{border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;background:#0a1422c2;box-shadow:inset 0 1px #ffffff0d;padding:10px 12px}.cloudPlantSelect{max-width:220px;min-height:36px}.globalRefreshBtn,.cloudHeaderAction{min-height:36px}.globalRefreshBtn{width:36px;height:36px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#00000059;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 18px #f29b071f,inset 0 1px #ffffff14}.globalRefreshBtn img{width:16px;height:16px;filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,.32))}.globalRefreshBtn:hover:not([disabled]){border-color:#f29b07f2;background:#0009;box-shadow:0 0 22px #f29b074d,inset 0 1px #ffffff1f}.cloudHeaderAction,.cloudPrimaryBtn,.cloudSecondaryBtn{border:none;border-radius:999px;font-weight:900;letter-spacing:.04em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.cloudHeaderAction{padding:9px 17px;color:#172536;background:linear-gradient(135deg,var(--pnp-orange),#ffd08a)}.cloudPrimaryBtn{min-height:42px;padding:11px 18px;color:#07131d;background:linear-gradient(135deg,var(--pnp-blue),#86c9ff);box-shadow:0 12px 26px #1679d838}.cloudSecondaryBtn{min-height:42px;padding:11px 18px;color:#172536;background:linear-gradient(135deg,var(--pnp-orange),#ffd08a);box-shadow:0 12px 26px #f29b0733}.cloudPrimaryBtn:hover,.cloudSecondaryBtn:hover,.cloudHeaderAction:hover{transform:translateY(-1px);filter:brightness(1.05)}.pageContent{position:relative;z-index:2;margin-top:20px}.cloudPageContent{padding-bottom:48px}.cloudNotice{margin-bottom:16px}.error-banner,.success-banner,.cloudPanel,.cloudHeroPanel,.cloudSummaryCard,.cloudLoginCard,.device-card,.table-card,.remote-card{border:1px solid var(--pnp-border);border-radius:22px;background:var(--pnp-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--pnp-shadow),inset 0 1px #ffffff0d}.error-banner,.success-banner{padding:14px 16px}.error-banner{color:#ffced8;border-color:#ff63848c;background:#7814146b}.success-banner{color:#dcffe8;border-color:#39ff1447;background:#14642d4d}.cloudLoginShell{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 150px);padding:32px 0}.loginFormCol.cloudLoginCard{width:min(520px,100%);padding:clamp(22px,5vw,38px);background:radial-gradient(circle at 10% 0%,rgba(242,155,7,.24),transparent 16rem),#0000007a}.cloudLoginBrand{display:flex;align-items:center;gap:16px;margin-bottom:18px}.cloudLoginBrand img{width:112px;height:auto}.eyebrow{display:inline-block;color:var(--pnp-orange);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.cloudLoginBrand h2,.cloudHeroPanel h2,.remote-card h2{margin:4px 0 0;color:#fff;line-height:1}.cloudLoginBrand h2{font-size:clamp(34px,7vw,58px)}.cloudLoginText,.cloudMuted,.cloudHeroPanel p,.cloudEmpty{color:var(--pnp-muted);line-height:1.55}.cloudLoginText{margin:0 0 22px;max-width:430px}.cloudLoginForm,.cloudFormPanel{display:grid;gap:12px}.cloudLoginForm label{display:grid;gap:7px}.cloudLoginForm label span{color:#ffffffb8;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cloudLoginForm input,.cloudFormPanel input,.cloudPanel input{width:100%;min-height:46px}.cloudLoginSubmit{margin-top:8px;min-height:50px;background:linear-gradient(135deg,var(--pnp-orange),#ffd08a)}.cloudStack{display:grid;gap:18px}.maxWdFormCol{margin:0 auto}.cloudHeroPanel{width:100%;display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:clamp(24px,4vw,36px);background:radial-gradient(circle at 5% 0%,rgba(242,155,7,.24),transparent 16rem),linear-gradient(135deg,#ffffff1a,#ffffff0e)}.cloudHeroPanel h2{font-size:clamp(38px,7vw,72px);letter-spacing:-.04em}.cloudHeroMeta{min-width:min(320px,100%);border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#00000042;padding:18px;display:grid;align-content:center;gap:10px}.cloudHeroMeta span,.cloudHeroMeta strong,.cloudMetricLine span,.cloudMetricLine strong,.topologyRow strong,.topologyRow em{display:block}.cloudHeroMeta span,.cloudMetricLine span{color:var(--pnp-muted)}.cloudHeroMeta strong{word-break:break-word;color:var(--pnp-cyan)}.cloudKpiGrid,.cloudDeviceGrid,.cloudTwoCol{display:grid;gap:16px}.cloudKpiGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.cloudTwoCol{grid-template-columns:repeat(2,minmax(0,1fr))}.cloudTwoCol.alignTop{align-items:start}.widePanel{grid-column:1 / -1}.cloudPanel,.cloudSummaryCard,.device-card,.table-card,.remote-card{padding:20px}.divisionTitle{margin-bottom:16px;color:#fff;font-size:22px;font-weight:900;letter-spacing:.03em}.cloudSummaryCard{position:relative;overflow:hidden;min-height:158px}.cloudSummaryCard:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-36px;top:-42px;background:var(--summary-glow, rgba(242, 155, 7, .22));filter:blur(1px)}.cloudSummaryCard span,.cloudSummaryCard small,.cloudSummaryCard strong{position:relative;z-index:1;display:block}.cloudSummaryCard span{color:#ffffffb8;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.cloudSummaryCard strong{margin-top:14px;font-size:clamp(38px,7vw,62px);line-height:.9;color:var(--summary-color, var(--pnp-orange))}.cloudSummaryCard small{margin-top:12px;color:var(--pnp-muted)}.tone-orange{--summary-color: var(--pnp-orange);--summary-glow: rgba(242, 155, 7, .24)}.tone-blue{--summary-color: var(--pnp-cyan);--summary-glow: rgba(86, 178, 255, .22)}.tone-green{--summary-color: var(--pnp-green);--summary-glow: rgba(57, 255, 20, .18)}.tone-violet{--summary-color: var(--pnp-violet);--summary-glow: rgba(167, 139, 250, .22)}.topologyList,.plantList{display:grid;gap:10px}.topologyRow,.plantRow,.cloudMetricLine{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0003}.topologyRow{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px}.topologyRow>span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;color:#172536;background:linear-gradient(135deg,var(--pnp-orange),#ffd08a)}.topologyRow em{color:var(--pnp-cyan);font-style:normal}.cloudMetricLine{display:flex;justify-content:space-between;gap:12px;padding:14px;margin-top:10px}.cloudMetricLine strong{color:var(--pnp-cyan);text-align:right}.plantRow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#fff;text-align:left}.plantRow.active{border-color:#f29b078c;background:#f29b0726}.plantRow span,.plantRow small{display:block}.plantRow small,.device-card small{color:var(--pnp-muted)}.cloudPlantsTablePanel{width:100%;padding:0;overflow:hidden}.plantsTableHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 0% 0%,rgba(242,155,7,.18),transparent 16rem),#0000002e}.plantsTableHeader .divisionTitle{margin-bottom:0}.plantsTableActions{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:center;width:min(520px,100%)}.plantsTableActions input,.cloudFormPanel select{min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;background:#0a1422c2;padding:10px 12px}.plantSearchInput{border-color:#56b2ff5c!important;background:#1679d829!important}.plantsTable{min-width:880px}.plantMasterRow{background:#0000001f}.plantMasterRow.active{background:#1679d81f}.plantExpandBtn{width:100%;display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;border:0;color:#fff;background:transparent;text-align:left;padding:0}.plantExpandBtn>span,.addDeviceIcon{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;color:#172536;background:linear-gradient(135deg,var(--pnp-orange),#ffd08a);font-weight:900}.plantExpandBtn strong{display:block;color:#fff}.plantExpandBtn small{grid-column:2;color:var(--pnp-muted)}.plantAlertHot{color:#ff9aa9}.plantAlertOk{color:var(--pnp-green)}.smallActionBtn{min-height:34px;padding:8px 14px;white-space:nowrap}.plantActionGroup{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.plantDevicesRow td{padding:0 18px 18px;background:#0000001f}.plantDevicesList{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#00000038}.plantDeviceHeader,.plantDeviceLine{display:grid;grid-template-columns:minmax(230px,1.4fr) 130px 100px 110px 38px;gap:10px;align-items:center}.plantDeviceHeader{padding:8px 12px 6px;color:var(--pnp-orange);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.plantDeviceLine{min-height:54px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffffd1;background:#1679d814}.deviceHead.compact{align-items:center}.deviceHead.compact .dot{margin-top:0}.addDeviceLine{grid-template-columns:38px 1fr;width:100%;color:#fff;text-align:left;background:#f29b071a}.cloudModalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.cloudGhostBtn{min-height:42px;padding:11px 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:#00000047;font-weight:900}.iconInfoBtn{width:34px;height:34px;border:1px solid rgba(86,178,255,.42);border-radius:999px;color:#cfeaff;background:#1679d838;font-weight:900}.iconInfoBtn svg{width:18px;height:18px;display:block;margin:auto;fill:currentColor}.remoteBoltBtn{color:#172536;border-color:#f29b07b8;background:linear-gradient(135deg,var(--pnp-orange),#ffd08a);box-shadow:0 10px 24px #f29b0738}.cloudModalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:flex;align-items:flex-start;justify-content:center;padding:clamp(88px,11vh,122px) 18px 28px;background:#00000094;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}.cloudModal{width:min(560px,100%);max-height:min(760px,calc(100dvh - clamp(112px,14vh,156px)));overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:radial-gradient(circle at 0% 0%,rgba(242,155,7,.18),transparent 15rem),linear-gradient(135deg,#151e2dfa,#070d18f5);box-shadow:0 34px 95px #0000008c;padding:22px}.credentialsModal{width:min(720px,100%)}.mqttDetailsModal{width:min(980px,100%);display:flex;flex-direction:column;overflow:hidden}.cloudModalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.cloudModalHeader h2{margin:4px 0 0;font-size:clamp(28px,6vw,46px);line-height:1}.cloudModalClose{width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:#0000005c;font-weight:900}.cloudFormPanel label{display:grid;gap:7px}.cloudFormPanel label span{color:#ffffffb8;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.credentialGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.credentialLine{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#00000038}.credentialLine span,.credentialLine strong{display:block}.credentialLine span{color:var(--pnp-muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.credentialLine strong{margin-top:7px;color:var(--pnp-cyan);word-break:break-word}.credentialDownloadLine{display:grid;gap:9px}.credentialDownloadBtn{width:fit-content;border:0;border-radius:999px;padding:9px 14px;color:#061524;background:linear-gradient(135deg,var(--pnp-cyan),#8edcff);box-shadow:0 12px 30px #34c7ff38;font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.credentialDownloadBtn:disabled{cursor:wait;opacity:.68}.mqttDetailsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.mqttApiBox,.mqttPayloadBox{display:grid;gap:8px;margin:12px 0;padding:14px;border:1px solid rgba(52,199,255,.18);border-radius:16px;background:#34c7ff14}.mqttApiBox span,.mqttPayloadBox span{color:var(--pnp-muted);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mqttApiBox strong{color:var(--pnp-cyan);word-break:break-all}.mqttApiBox small{color:var(--pnp-muted)}.mqttPayloadBox pre{max-height:220px;overflow:auto;margin:0;color:#ffffffdb;font-size:12px;line-height:1.45;white-space:pre-wrap}.mqttValuesTable{margin-top:12px;min-height:0;overflow:auto}.cloudDeviceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.deviceHead{display:flex;align-items:flex-start;gap:10px}.deviceHead strong{display:block;font-size:18px}.dot{display:inline-block;width:10px;height:10px;margin-top:6px;border-radius:99px;background:#ffffff61;box-shadow:0 0 0 4px #ffffff0d}.dot.online{background:var(--pnp-green);box-shadow:0 0 18px #39ff1499,0 0 0 4px #39ff141a}.device-meta{display:flex;gap:8px;margin:16px 0}.device-meta span{flex:1;padding:8px;border-radius:12px;background:#1679d829;color:#cfeaff;font-size:12px;text-align:center}.cloudDeviceCard .cloudSecondaryBtn,.remote-card .cloudSecondaryBtn{width:100%}.remote-card{display:flex;justify-content:space-between;gap:20px;align-items:center}.cloudTablePanel{overflow:hidden}.cloudTableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;white-space:nowrap}th{color:var(--pnp-orange);font-size:12px;letter-spacing:.1em;text-transform:uppercase}td{color:#ffffffd1}.meshValueOk{color:var(--pnp-green)}.meshValueBad{color:#ff9aa9}*{scrollbar-width:thin;scrollbar-color:#ffffff #000000}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#000}*::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px;border:2px solid #ffffff}@media (max-width: 1040px){.cloudHeaderRow{flex-wrap:wrap}.cloudNavWrap{order:3;flex:0 0 100%;width:100%}.cloudTabNav{justify-content:flex-start}.cloudKpiGrid,.cloudDeviceGrid,.mqttDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.container{width:min(100% - 20px,1220px)}.cloudHeaderCol{padding:10px 0}.logoCol #header_img,.cloudLogoCol #header_img{width:66px}.headerTitle{font-size:20px}.cloudStatusWrap{width:100%}.cloudHeaderControls{justify-content:stretch;width:100%}.cloudPlantSelect{flex:1;max-width:none;min-width:0}.tabNavTrigger>li+li{padding-left:24px}.tabNavTrigger>li+li:before{left:10px}.tabNavTrigger button{font-size:16px}.cloudHeroPanel,.remote-card{flex-direction:column}.cloudKpiGrid,.cloudDeviceGrid,.mqttDetailsGrid,.cloudTwoCol{grid-template-columns:1fr}.plantsTableHeader{align-items:stretch;flex-direction:column}.plantsTableActions{grid-template-columns:1fr 42px;width:100%}.plantsTableActions .plantSearchInput,.plantsTableActions .cloudPrimaryBtn,.plantsTableActions .cloudSecondaryBtn{grid-column:1 / -1}.widePanel{grid-column:auto}.cloudLoginShell{align-items:flex-start;min-height:auto;padding:18px 0 36px}.cloudLoginBrand img{width:88px}.device-meta{flex-direction:column}}