:root{color:#eaf2f4;font-synthesis:none;text-rendering:optimizelegibility;--bg:#071019;--bg-soft:#0b1620;--surface:#0d1a25;--surface-raised:#11212d;--border:#bcdde21c;--border-strong:#bcdde233;--text:#edf5f5;--muted:#8fa4ab;--faint:#657981;--mint:#39d5b4;--mint-soft:#39d5b421;--amber:#f3b85c;--blue:#62a9ff;--violet:#a98bff;--danger:#ff747d;--shadow:0 24px 65px #00000047;background:#071019;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 75% -20%, #219a8a17, transparent 34%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px;font-size:.7rem;font-weight:700}.muted{color:var(--muted)}.brand{align-items:center;gap:12px;display:flex}.brand>div:last-child{flex-direction:column;display:flex}.brand strong{color:#fff;letter-spacing:-.02em;font-size:1.08rem}.brand span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:.67rem}.brand-mark{color:#041511;background:linear-gradient(145deg,#ffffff73,#0000 32%),linear-gradient(145deg,#72e6ce,#25b795);border:1px solid #5ee8cc52;border-radius:12px;place-items:center;width:38px;height:38px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.05rem;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 25px #2cc5a733}.brand-mark:after{content:"";border:1px solid #002a2140;border-radius:8px;width:24px;height:24px;position:absolute;bottom:-9px;right:-9px;transform:rotate(35deg)}.brand-mark--large{border-radius:16px;width:52px;height:52px;font-size:1.45rem}.brand--compact .brand-mark{border-radius:11px;width:34px;height:34px}.brand--compact strong{font-size:1rem}.brand--compact span{font-size:.61rem}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:.82rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s,opacity .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#032019;background:linear-gradient(135deg,#62e2c6,#32c3a5);box-shadow:0 10px 28px #30c7a829}.button--secondary{color:#dce9eb;background:#80a5ab14;border-color:#94b7be2e}.button--secondary:hover:not(:disabled){background:#39d5b41a;border-color:#55dcbf4d}.button--ghost{border-color:var(--border);color:var(--muted);background:0 0}.button--small{border-radius:8px;min-height:33px;padding:0 11px;font-size:.73rem}.button--wide{width:100%}.icon-button{border:1px solid var(--border);color:#9bb0b6;cursor:pointer;background:#ffffff06;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--mint);background:var(--mint-soft);border-color:#3ed5b557}.icon-button--danger:hover:not(:disabled){color:var(--danger);background:#ff747d17;border-color:#ff747d52}.loading-screen,.bootstrap-error{text-align:center;place-content:center;justify-items:center;gap:15px;min-height:100vh;padding:30px;display:grid}.loading-screen{color:var(--muted);font-size:.82rem}.bootstrap-error h1{margin:3px 0 0}.bootstrap-error>p:last-child{max-width:520px;color:var(--muted)}.login-layout{grid-template-columns:minmax(420px,1.18fr) minmax(420px,.82fr);min-height:100vh;display:grid}.login-story{border-right:1px solid var(--border);background:linear-gradient(140deg,#04131ce6,#051319b8),repeating-linear-gradient(0deg,#0000 0 35px,#77bec009 36px),repeating-linear-gradient(90deg,#0000 0 35px,#77bec009 36px);flex-direction:column;justify-content:space-between;min-height:100vh;padding:46px clamp(42px,6vw,92px);display:flex;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.login-story:before{border:1px solid #48d9bb17;width:520px;height:520px;top:15%;right:-13%;box-shadow:0 0 0 55px #48d9bb06,0 0 0 110px #48d9bb05}.login-story:after{filter:blur(90px);background:#21aa9014;width:420px;height:420px;bottom:-24%;right:15%}.story-content{z-index:1;max-width:650px;margin:auto 0;padding:80px 0;position:relative}.story-content h1{color:#f5faf9;letter-spacing:-.055em;max-width:610px;margin-bottom:25px;font-size:clamp(3rem,5.5vw,5.6rem);line-height:.99}.story-content>p:not(.eyebrow){color:#9db2b7;max-width:525px;font-size:1rem;line-height:1.7}.story-metrics{flex-wrap:wrap;gap:12px;margin-top:42px;display:flex}.story-metrics>div{min-width:200px;color:var(--mint);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0820268c;border:1px solid #9bd0d21a;border-radius:11px;align-items:center;gap:11px;padding:13px 15px;display:flex}.story-metrics span{color:#789097;flex-direction:column;font-size:.68rem;display:flex}.story-metrics strong{color:#dcebea;margin-bottom:2px;font-size:.78rem}.story-caption{z-index:1;color:#526970;letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;position:relative}.login-panel{background:radial-gradient(circle at 50% 45%,#21968114,#0000 38%),#08121b;place-items:center;min-height:100vh;padding:38px;display:grid}.login-card{border:1px solid var(--border);width:min(100%,408px);box-shadow:var(--shadow);background:#0d1b26e0;border-radius:18px;padding:38px}.login-icon,.modal-icon{width:42px;height:42px;color:var(--mint);background:var(--mint-soft);border:1px solid #39d5b43b;border-radius:12px;place-items:center;margin-bottom:25px;display:grid}.login-card h2,.modal h2{letter-spacing:-.035em;margin-bottom:9px;font-size:1.65rem}.login-card>.muted,.modal>.muted{margin-bottom:28px;font-size:.82rem;line-height:1.55}.login-card label,.modal>label:not(.toggle-row){margin-bottom:18px;display:block}.login-card label>span,.modal label>span:first-child{color:#afc0c4;margin-bottom:7px;font-size:.73rem;font-weight:600;display:block}input{width:100%;height:44px;color:var(--text);background:#040d14a6;border:1px solid #a7c7cc24;border-radius:9px;outline:none;padding:0 13px;font-size:.82rem;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#50666e}input:focus{border-color:#39d5b48f;box-shadow:0 0 0 3px #39d5b414}.password-field{position:relative}.password-field input{padding-right:45px}.field-button{background:0 0;border:0;position:absolute;top:4px;right:4px}.form-error{color:#ffb0b6;background:#ff747d12;border:1px solid #ff747d30;border-radius:8px;margin:-4px 0 16px;padding:10px 12px;font-size:.73rem;line-height:1.45}.login-card .button+.button{margin-top:9px}.login-security{color:#647b82;justify-content:center;align-items:center;gap:7px;margin-top:21px;font-size:.67rem;display:flex}.login-security svg{color:#5c9e91}.portal-layout{min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--border);background:#08131c;flex-direction:column;width:244px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-head{border-bottom:1px solid #aed1d612;justify-content:space-between;align-items:center;height:76px;padding:0 20px;display:flex}.sidebar nav{flex:1;padding:22px 13px}.nav-label{color:#4f656c;letter-spacing:.13em;text-transform:uppercase;margin:10px 11px 8px;font-size:.59rem;font-weight:700;display:block}.nav-label:not(:first-child){margin-top:28px}.sidebar nav button{color:#7e949b;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;width:100%;height:40px;margin-bottom:3px;padding:0 11px;font-size:.76rem;font-weight:600;display:flex}.sidebar nav button:hover:not(:disabled){color:#c7d8da;background:#ffffff06}.sidebar nav button.active{color:#d8efeb;background:linear-gradient(90deg,#39d5b421,#39d5b409);border-color:#39d5b421}.sidebar nav button.active svg{color:var(--mint)}.sidebar nav button:disabled{cursor:default;opacity:.56}.sidebar nav button i,.sidebar nav button em{margin-left:auto;font-style:normal}.sidebar nav button i{min-width:19px;color:var(--mint);text-align:center;background:#39d5b41a;border-radius:6px;padding:2px 5px;font-size:.61rem}.sidebar nav button em{color:#4d6269;letter-spacing:.04em;text-transform:uppercase;font-size:.56rem}.sidebar-status{border:1px solid var(--border);background:#ffffff05;border-radius:11px;margin:12px;padding:14px}.sidebar-status__head{color:#71878e;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.65rem;display:flex}.status-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #39d5b414}.status-dot--error{background:var(--danger);box-shadow:0 0 0 4px #ff747d14}.sidebar-status strong{color:#bfd0d3;font-size:.72rem;display:block}.sidebar-status small{color:#4f656c;font-size:.59rem}.capacity-track{background:#ffffff0d;border-radius:4px;height:4px;margin:10px 0 8px;overflow:hidden}.capacity-track span{border-radius:inherit;background:linear-gradient(90deg,#2dbd9f,#63e2c7);height:100%;display:block}.sidebar-account{border:0;border-top:1px solid var(--border);color:#899fa6;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;min-height:62px;margin:0;padding:11px 14px;display:flex}.sidebar-account>span{width:32px;height:32px;color:var(--mint);background:var(--mint-soft);border:1px solid #39d5b42e;border-radius:9px;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.sidebar-account div{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-account strong{color:#b9c9cc;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sidebar-account small{color:#52676e;font-size:.59rem}.portal-main{min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071019d6;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,4vw,52px);display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.cloud-chip{border:1px solid var(--border);color:#738990;background:#ffffff05;border-radius:8px;align-items:center;gap:7px;height:31px;margin-right:7px;padding:0 10px;font-size:.64rem;display:inline-flex}.cloud-chip svg{color:#68a8ff}.notification-button{position:relative}.notification-button i{background:var(--danger);border:1px solid #08131c;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.back-link{color:#71878e;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.72rem;display:inline-flex}.back-link:hover{color:var(--mint)}.offline-banner{color:#d5b982;background:#f3b85c11;border-bottom:1px solid #f3b85c29;align-items:center;gap:11px;padding:12px clamp(22px,4vw,52px);font-size:.72rem;display:flex}.offline-banner span{flex:1}.offline-banner button{color:#f2c978;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:.69rem;font-weight:700}.page-content{width:100%;max-width:1520px;margin:0 auto;padding:38px clamp(22px,4vw,52px) 70px}.page-heading,.detail-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:31px;display:flex}.page-heading h1,.detail-title h1{letter-spacing:-.045em;margin-bottom:8px;font-size:clamp(1.8rem,2.4vw,2.5rem)}.page-heading>div>p:last-child{max-width:650px;color:var(--muted);margin-bottom:0;font-size:.82rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(145deg,#10212de6,#0b1822d1);border-radius:13px;min-height:151px;padding:19px;position:relative;overflow:hidden}.metric-card:after{content:"";filter:blur(45px);opacity:.1;background:currentColor;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-38px;right:-20px}.metric-card--mint{color:var(--mint)}.metric-card--blue{color:var(--blue)}.metric-card--amber{color:var(--amber)}.metric-card--violet{color:var(--violet)}.metric-icon{background:color-mix(in srgb, currentColor 10%, transparent);opacity:.86;border:1px solid;border-radius:9px;place-items:center;width:33px;height:33px;margin-bottom:12px;display:grid}.metric-icon svg{width:17px;height:17px}.metric-card>span{color:#788e95;margin-bottom:3px;font-size:.65rem;display:block}.metric-card>strong{color:#eef6f5;margin-bottom:3px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.45rem;display:block}.metric-card>small{color:#51666d;font-size:.6rem}.content-card{border:1px solid var(--border);background:#0c1a24c2;border-radius:13px}.instances-card{overflow:visible}.card-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:15px 18px;display:flex}.card-toolbar>div{align-items:baseline;gap:9px;display:flex}.card-toolbar h2{margin:0;font-size:.96rem}.card-toolbar>div span{color:#5a7077;font-size:.62rem}.search-field{width:min(100%,270px);position:relative}.search-field svg{z-index:1;color:#5e737a;position:absolute;top:11px;left:11px}.search-field input{background:#020a0f61;height:39px;padding-left:36px}.instance-list{min-width:850px}.instances-card{overflow-x:auto}.instance-row{border-bottom:1px solid #bcdde211;grid-template-columns:minmax(220px,1.6fr) 105px 140px 85px minmax(165px,auto);align-items:center;gap:10px;min-height:70px;padding:10px 18px;display:grid}.instance-row:last-child{border-bottom:0}.instance-row:not(.instance-row--header):hover{background:#ffffff03}.instance-row--header{color:#536970;letter-spacing:.06em;text-transform:uppercase;background:#040e1459;min-height:38px;font-size:.59rem;font-weight:700}.instance-identity{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;min-width:0;padding:0;display:flex}.instance-identity>i{color:#76b3ff;background:#62a9ff12;border:1px solid #62a9ff29;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.instance-identity>span{flex-direction:column;min-width:0;display:flex}.instance-identity strong{color:#cbd9db;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.75rem;overflow:hidden}.instance-identity small{color:#4c636a;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.59rem;overflow:hidden}.state-badge{border:1px solid #0000;border-radius:20px;align-items:center;gap:7px;width:max-content;padding:5px 8px;font-size:.63rem;font-weight:600;display:inline-flex}.state-badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.state-badge--running{color:#60d9c0;background:#39d5b413;border-color:#39d5b429}.state-badge--starting,.state-badge--stopping{color:#e6b866;background:#f3b85c13;border-color:#f3b85c29}.state-badge--starting i,.state-badge--stopping i{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.state-badge--stopped{color:#788e95;background:#8fa4ab0e;border-color:#8fa4ab21}.state-badge--failed{color:#ff8f97;background:#ff747d13;border-color:#ff747d2b}.date-cell{color:#71878e;align-items:center;gap:6px;font-size:.66rem;display:inline-flex}.date-cell svg{color:#4f656c}.pid-cell{color:#596e75;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.63rem}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.context-menu{position:relative}.context-menu>div{z-index:12;border:1px solid var(--border-strong);min-width:115px;box-shadow:var(--shadow);background:#10202b;border-radius:8px;padding:5px;display:none;position:absolute;top:calc(100% + 5px);right:0}.context-menu:focus-within>div,.context-menu:hover>div{display:block}.context-menu>div button{color:#e1868d;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;padding:7px 8px;font-size:.66rem;display:flex}.context-menu>div button:hover:not(:disabled){background:#ff747d14}.context-menu>div button:disabled{cursor:not-allowed;opacity:.35}.empty-state{color:#597078;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:42px;display:flex}.empty-state>svg{color:#4e988a;margin-bottom:16px}.empty-state h3,.empty-state h2{color:#b9cacc;margin-bottom:7px}.empty-state p{color:#60767d;max-width:480px;font-size:.74rem;line-height:1.55}.empty-state .button{margin-top:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01070bbd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border-strong);background:#0e1c27;border-radius:16px;width:min(100%,465px);padding:28px;box-shadow:0 30px 90px #00000080}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head .modal-icon{margin-bottom:19px}.toggle-row{border:1px solid var(--border);cursor:pointer;background:#030d1247;border-radius:10px;justify-content:space-between;align-items:center;margin:23px 0;padding:14px;display:flex;position:relative}.toggle-row>span{flex-direction:column;margin:0!important;display:flex!important}.toggle-row strong{color:#bdccce;font-size:.73rem}.toggle-row small{color:#5e747b;margin-top:3px;font-size:.62rem}.toggle-row input{opacity:0;position:absolute}.toggle-row>i{background:#243641;border-radius:20px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.toggle-row>i:after{content:"";background:#80949a;border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i{background:#39d5b447}.toggle-row input:checked+i:after{background:var(--mint);transform:translate(16px)}.modal-note{color:#61777e;align-items:center;gap:8px;font-size:.64rem;display:flex}.modal-note svg{color:#7e9298}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:28px;padding-top:18px;display:flex}.detail-heading{align-items:center}.detail-title{align-items:center;gap:15px;display:flex}.detail-device-icon{width:54px;height:54px;color:var(--mint);background:linear-gradient(145deg,#39d5b421,#39d5b409);border:1px solid #39d5b42e;border-radius:14px;place-items:center;display:grid;position:relative}.detail-device-icon i{background:var(--mint);border:1px solid #0a161e;border-radius:50%;width:7px;height:7px;position:absolute;bottom:5px;right:5px}.detail-title-line{align-items:center;gap:12px;display:flex}.detail-title h1{margin:0;font-size:1.65rem}.detail-title>div>span{color:#566b72;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem}.detail-actions{align-items:center;gap:8px;display:flex}.detail-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.detail-sidebar{flex-direction:column;gap:13px;display:flex}.hmi-shell{border:1px solid var(--border);background:#0b1822;border-radius:14px;overflow:hidden}.hmi-shell:fullscreen{background:#03080c;place-items:center;padding:25px;display:grid}.hmi-shell:fullscreen .hmi-toolbar{z-index:2;border:1px solid var(--border);background:#071019d1;border-radius:10px;position:absolute;top:20px;left:20px;right:20px}.hmi-shell:fullscreen .display-bezel{width:min(94vw,154.8vh)}.hmi-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:55px;padding:0 15px;display:flex}.hmi-toolbar>div{color:#789098;align-items:center;gap:8px;display:flex}.hmi-toolbar>div>svg{color:var(--mint)}.hmi-toolbar strong{color:#bdcdcf;font-size:.72rem}.live-state{border-left:1px solid var(--border);color:#667d84;align-items:center;gap:6px;margin-left:7px;padding-left:13px;font-size:.61rem;display:inline-flex}.live-state i{background:currentColor;border-radius:50%;width:6px;height:6px}.live-state--live{color:var(--mint)}.live-state--live i{box-shadow:0 0 0 4px #39d5b414}.live-state--waiting{color:var(--amber)}.display-bezel{background:linear-gradient(145deg,#26323a,#10181e 45%,#202b32),#151f25;border:1px solid #2a3840;border-radius:16px;width:calc(100% - 40px);margin:20px;padding:12px 14px 10px;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 7px #0009,0 25px 60px #00000057}.display-camera{color:#56666d;letter-spacing:.11em;justify-content:center;align-items:flex-start;gap:8px;height:21px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.47rem;display:flex}.display-camera i{background:#0a1014;border:1px solid #3a4b53;border-radius:50%;width:5px;height:5px;margin-top:1px;box-shadow:inset 0 0 2px #000}.display-screen{aspect-ratio:5/3;background:radial-gradient(circle at 50% 40%,#39d5b40a,#0000 45%),#020507;border:1px solid #05090b;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000,0 0 0 1px #ffffff06}.display-screen canvas{cursor:crosshair;image-rendering:auto;touch-action:none;width:100%;height:100%;display:block}.display-overlay{color:#5b7379;text-align:center;background:#02070adb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.display-overlay svg{color:#5fb7a4;margin-bottom:12px}.display-overlay strong{color:#9eb4b8;margin-bottom:5px;font-size:.76rem}.display-overlay span{color:#4a6168;font-size:.61rem}.display-footer{color:#536269;letter-spacing:.05em;grid-template-columns:1fr auto 1fr;align-items:end;height:30px;font-size:.49rem;display:grid}.display-footer>span{align-items:center;gap:4px;display:flex}.display-footer>span:last-child{justify-content:flex-end}.display-footer strong{color:#65757c;letter-spacing:.18em;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.55rem}.hmi-placeholder{border:1px solid var(--border);text-align:center;background:repeating-linear-gradient(0deg,#0000,#0000 34px,#77bec005 35px),#0a161fb8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:50px;display:flex}.hmi-placeholder>div{border:1px solid var(--border);color:#566c73;background:#ffffff05;border-radius:20px;place-items:center;width:72px;height:72px;margin-bottom:20px;display:grid}.hmi-placeholder h2{margin-bottom:8px;font-size:1.15rem}.hmi-placeholder p{color:#62787f;max-width:430px;margin-bottom:22px;font-size:.74rem;line-height:1.55}.detail-card{padding:17px}.detail-card-title{border-bottom:1px solid var(--border);color:var(--mint);align-items:center;gap:8px;margin-bottom:11px;padding-bottom:13px;display:flex}.detail-card-title h2{color:#c0d0d2;margin:0;font-size:.82rem}.detail-row{align-items:center;gap:10px;padding:10px 1px;display:flex}.detail-row>i{color:#6c848b;background:#ffffff08;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.detail-row svg{width:14px;height:14px}.detail-row>span{flex-direction:column;min-width:0;display:flex}.detail-row small{color:#52686f;margin-bottom:2px;font-size:.56rem}.detail-row strong{color:#aebfc2;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem;font-weight:500;overflow:hidden}.source-card{padding:18px;position:relative;overflow:hidden}.source-card:after{content:"";filter:blur(30px);background:#39d5b417;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-45px;right:-35px}.source-card-icon{width:36px;height:36px;color:var(--mint);background:var(--mint-soft);border:1px solid #39d5b429;border-radius:10px;place-items:center;margin-bottom:17px;display:grid}.source-card h3{margin-bottom:8px;font-size:.85rem}.source-card>p:not(.eyebrow){color:#687e85;font-size:.66rem;line-height:1.55}.source-card>div{color:#64b9a7;align-items:center;gap:7px;margin-top:14px;font-size:.59rem;display:flex}.source-card>div i{background:var(--mint);border-radius:50%;width:6px;height:6px}.runtime-error{background:#ff747d0e;border:1px solid #ff747d24;border-radius:11px;padding:14px}.runtime-error strong{color:#dd9298;margin-bottom:7px;font-size:.65rem;display:block}.runtime-error code{overflow-wrap:anywhere;color:#a66e73;font-size:.58rem;line-height:1.45;display:block}.detail-missing{min-height:65vh}.toast-region{z-index:200;flex-direction:column;gap:8px;width:min(360px,100vw - 44px);display:flex;position:fixed;bottom:22px;right:22px}.toast{border:1px solid var(--border-strong);color:#c6d5d7;box-shadow:var(--shadow);background:#0e1d28f5;border-radius:10px;align-items:center;gap:9px;padding:12px 14px;font-size:.7rem;animation:.2s both toast-in;display:flex}.toast--success svg{color:var(--mint)}.toast--error{border-color:#ff747d36}.toast--error svg{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.build-signature{z-index:2;color:#6f888f47;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.46rem;position:fixed;bottom:6px;right:7px}.sidebar-scrim,.mobile-only{display:none}@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr) 265px}}@media (max-width:920px){.login-layout{grid-template-columns:1fr}.login-story{border-right:0;border-bottom:1px solid var(--border);min-height:430px;padding:32px}.story-content{padding:70px 0 40px}.story-content h1{font-size:clamp(2.7rem,10vw,4.4rem)}.login-panel{min-height:auto;padding:55px 24px}.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-scrim{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000509ad;border:0;display:block;position:fixed;inset:0}.mobile-only{display:inline-grid}.portal-main{margin-left:0}.topbar>div:first-child{align-items:center;gap:10px;display:flex}.detail-grid{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:650px){.login-story{min-height:390px;padding:24px}.story-content{padding:55px 0 30px}.story-content h1{margin-bottom:18px;font-size:2.7rem}.story-metrics{display:none}.login-card{padding:27px 22px}.cloud-chip{display:none}.topbar{height:64px;padding:0 17px}.page-content{padding:26px 17px 60px}.page-heading,.detail-heading{flex-direction:column;align-items:stretch}.page-heading .button{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:138px;padding:15px}.metric-card>strong{font-size:1.2rem}.metric-card>small{display:none}.card-toolbar{flex-direction:column;align-items:stretch}.instances-card{overflow:hidden}.instance-list{min-width:0}.instance-row--header{display:none}.instance-row:not(.instance-row--header){grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:118px;padding:15px}.instance-identity{grid-column:1/-1}.state-badge{grid-area:2/1}.date-cell{grid-area:3/1}.pid-cell{display:none}.row-actions{grid-area:2/2/4}.search-field{width:100%}.detail-title-line{flex-direction:column;align-items:flex-start;gap:7px}.detail-actions{flex-wrap:wrap}.detail-actions .button{flex:1}.display-bezel{border-radius:11px;width:calc(100% - 20px);margin:10px;padding:8px 8px 6px}.display-camera{height:14px}.display-footer{height:22px}.display-footer>span{display:none}.display-footer{grid-template-columns:1fr;justify-items:center}.hmi-toolbar{padding:0 10px}.live-state{margin-left:0;padding-left:8px}.detail-sidebar{grid-template-columns:1fr}.modal{padding:22px}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}