@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/47faf0e9117ce2e3-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/660acf689794c992-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}._30ab_W_className{font-family:DM Sans,DM Sans Fallback;font-style:normal}._30ab_W_variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
:root{--frame:#16141a;--frame-2:#1f1c24;--line:#ffffff14;--text:#f4f4f5;--muted:#fff9;--primary:#e2580c;--up:#22a06b;--down:#ff4d3d;--away:#9a94a0;--deploying:#f2a032;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--frame);color:var(--text);font-family:var(--font-dm-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}a{color:#ff8a4c}.login{background:radial-gradient(ellipse at 50% 30%, #2a2028, var(--frame) 70%);place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:var(--frame-2);width:100%;max-width:380px;box-shadow:inset 0 0 0 1px var(--line);border-radius:24px;padding:32px}.login-card h1{letter-spacing:-.02em;margin:18px 0 4px;font-size:28px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-form{flex-direction:column;gap:10px;display:flex}.login-form label{color:var(--muted);font-size:13px}.login-form input{height:46px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0f;border:0;border-radius:12px;padding:0 14px;font-size:16px}.login-form input:focus{outline:2px solid var(--primary);outline-offset:1px}.login-form button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:12px;height:46px;font-weight:600}.login-form button:disabled{opacity:.7}.login-error{color:#ff8a6b;min-height:20px;margin:4px 0 0;font-size:14px}.app{flex-direction:column;height:100dvh;display:flex}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px 24px;padding:16px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-name{letter-spacing:-.02em;font-size:17px;font-weight:700}.brand-sub{color:var(--muted);font-size:12px}.gauges{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.gauge{min-width:160px;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:14px;padding:10px 14px}.gauge-head{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.gauge-value{margin-top:3px;font-size:15px;font-weight:600}.gauge-track{background:#ffffff14;border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.gauge-bar{background:var(--primary);border-radius:3px;height:100%;transition:width .6s}.gauge-bar.is-warm{background:#f2a46f}.gauge-bar.is-alert{background:var(--down)}.ghost{cursor:pointer;background:#ffffff0f;border:0;border-radius:12px;min-height:40px;padding:0 14px;font-size:13px;font-weight:500}.ghost:hover{background:#ffffff1a}.body{flex:1;min-height:0;display:flex}.stage{flex-direction:column;flex:999 640px;min-width:0;min-height:0;display:flex}.stage-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px 0;display:flex}.chips{flex-wrap:wrap;gap:8px;margin-right:auto;display:flex}.chip{background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.chip.is-up{color:#5fd49a}.chip.is-down{color:#ff7a6b}.chip.is-deploying{color:var(--deploying)}.chip.is-weather{color:#ffffffbf;font-weight:500}.chip.is-weather:before{background:#8fc5ff}.chip.is-pluie:before{background:#7aa7d8}.chip.is-brume:before{background:#c3c7d1}.canvas-wrap{flex:1;min-height:0;position:relative}.canvas-wrap>div{inset:0;position:absolute!important}.scene-loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.hint{color:#ffffff73;margin:0;padding:0 24px 6px;font-size:12px}.errors{color:#ff9a8b;background:#ff4d3d1a;border-radius:12px;margin:0 24px 14px;padding:10px 14px;font-size:13px}.side{border-left:1px solid var(--line);flex-direction:column;flex:340px;gap:22px;max-width:100%;max-height:100%;padding:22px 24px;display:flex;overflow-y:auto}.card{color:#1c1a20;background:#f6f5f3;border-radius:20px;padding:20px}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.role{letter-spacing:.1em;text-transform:uppercase;color:#a8430a;font-size:12px;font-weight:600}.card h2{letter-spacing:-.02em;margin:8px 0 4px;font-size:26px;line-height:1.1}.note{color:#57535c;margin:0 0 16px;font-size:14px;line-height:1.5}.card dl{grid-template-columns:auto minmax(0,1fr);gap:9px 16px;margin:0;font-size:14px;display:grid}.card dt{color:#6b6770}.card dd{overflow-wrap:anywhere;margin:0;font-weight:600}.pill{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.is-up{color:#17683f;background:#e3f4ea}.pill.is-down{color:#a3261a;background:#fde4e1}.pill.is-deploying{color:#8a5300;background:#fdf0dc}.pill.is-away,.pill.is-unknown{color:#57535c;background:#ebe8ee}.open{color:#fff;background:#1c1a20;border-radius:12px;align-items:center;min-height:44px;margin-top:18px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.open:hover{background:#000}.registry-title{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.registry{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.registry button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;font-size:14px;display:flex}.registry button:hover{background:#ffffff0f}.registry button.is-current{background:#ffffff1a}.registry-name{flex:1}.registry-host{color:#ffffff80;font-size:12px}.pin{color:#1c1a20;white-space:nowrap;cursor:pointer;background:#fffffff0;border:0;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 11px;font-size:12px;font-weight:600;transition:transform .15s;display:inline-flex;box-shadow:0 6px 18px -6px #00000080}.pin:hover{transform:translateY(-2px)}.pin.is-selected{background:var(--primary);color:#fff}.pin-dot{background:var(--away);border-radius:50%;flex:none;width:8px;height:8px}.pin-dot.is-up{background:var(--up)}.pin-dot.is-down{background:var(--down);box-shadow:0 0 0 3px #ff4d3d4d}.pin-dot.is-deploying{background:var(--deploying)}.pin.is-selected .pin-dot.is-up{background:#fff}.pin-metric{opacity:.9;border-left:1px solid #fff6;margin-left:2px;padding-left:7px;font-weight:500}.islet-label{color:#ffffffd9;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16141a8c;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.pin.is-compact{background:#ffffffd9;gap:0;min-width:22px;min-height:22px;padding:0 7px}.pin.is-compact .pin-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.app{height:auto;min-height:100dvh}.body{flex-wrap:wrap}.canvas-wrap{min-height:460px}.side{max-height:none;overflow:visible}}@media (max-width:720px){.top,.stage-bar{padding-inline:16px}.gauges{margin-left:0}.gauge{flex:140px;min-width:0}.side{border-left:0;border-top:1px solid var(--line);padding:18px 16px}.hint{padding-inline:16px}}