@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edeb;font-synthesis:none;--ink:#e8edeb;--muted:#84908d;--line:#26302f;--line-bright:#3c4a47;--panel:#0d1214;--acid:#b8f34a;--cyan:#52d6c8;--red:#ff685f;--amber:#edbb57;background:#070b0d;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#070b0d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:3px}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.app-shell{min-height:100vh;position:relative}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#070b0de0;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand__mark{border:1px solid var(--acid);width:38px;height:38px;color:var(--acid);place-items:center;font:500 20px DM Mono,monospace;display:grid;transform:skew(-8deg);box-shadow:inset 0 0 18px #b8f34a1a}.brand strong,.brand small{letter-spacing:.16em;display:block}.brand strong{font-size:13px}.brand small{color:var(--muted);margin-top:3px;font:400 9px DM Mono,monospace}.system-state{color:var(--muted);letter-spacing:.08em;align-items:center;gap:10px;font:500 10px DM Mono,monospace;display:flex}.system-state__divider{background:var(--line-bright);width:1px;height:15px}.pulse,.live-dot{background:var(--acid);width:7px;height:7px;box-shadow:0 0 10px var(--acid);border-radius:50%}.operator{color:#b7c1be}.logout-button{border:1px solid var(--line-bright);color:var(--ink);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:7px 10px;font:500 9px DM Mono,monospace}.logout-button:hover{color:var(--acid);border-color:var(--acid)}.session-check{min-height:100vh;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;font:500 10px DM Mono,monospace;display:flex}.login-shell{grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);min-height:100vh;display:grid;position:relative}.login-intro{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(30px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-intro:after{content:"H";color:#b8f34a06;pointer-events:none;font:500 min(55vw,760px)/1 DM Mono,monospace;position:absolute;bottom:-16vw;right:-4vw}.login-intro__copy{z-index:1;position:relative}.login-intro__copy h1{max-width:850px}.login-status{color:var(--acid);letter-spacing:.1em;align-items:center;gap:10px;margin:0;font:500 9px DM Mono,monospace;display:flex}.login-status>span:last-child{color:var(--muted);margin-left:12px}.login-panel{background:#0d1214f2;flex-direction:column;min-width:0;display:flex}.login-panel__header{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.1em;justify-content:space-between;padding:25px 28px;font:500 9px DM Mono,monospace;display:flex}.login-panel__header p{color:var(--acid);margin:0}.login-form{gap:24px;width:min(100%,500px);margin:auto;padding:48px clamp(28px,5vw,70px);display:grid}.login-kicker{color:var(--acid);letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px;font:500 9px DM Mono,monospace}.login-form h2{letter-spacing:-.04em;margin:0;font-size:clamp(25px,3vw,34px)}.login-form label>span{color:#c6cecc;margin-bottom:9px;font-size:11px;font-weight:600;display:block}.login-form input{border:1px solid var(--line);width:100%;height:51px;color:var(--ink);background:#090d0f;border-radius:0;padding:0 14px;font:400 13px DM Mono,monospace}.login-form input:focus{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid);outline:none}.login-submit{margin-top:3px}.login-privacy{color:#697572;margin:-5px 0 0;font-size:10px;line-height:1.55}.workspace{width:min(1440px,100%);margin:0 auto;padding:clamp(44px,6vw,88px) clamp(18px,4vw,64px) 72px}.masthead{justify-content:space-between;align-items:end;gap:36px;margin-bottom:42px;display:flex}.eyebrow,.panel__index{color:var(--acid);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font:500 10px DM Mono,monospace}h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(38px,6vw,76px);line-height:.94}.lede{color:var(--muted);max-width:590px;margin:19px 0 0;font-size:14px;line-height:1.65}.telemetry{border-left:1px solid var(--line);flex-shrink:0;display:flex}.telemetry div{border-right:1px solid var(--line);padding:0 26px}.telemetry strong,.telemetry span{display:block}.telemetry strong{font:400 clamp(26px,3vw,38px) DM Mono,monospace}.telemetry span{text-transform:uppercase;color:var(--muted);letter-spacing:.1em;margin-top:7px;font:400 9px DM Mono,monospace}.notice{border:1px solid #52d6c859;border-left:3px solid var(--cyan);color:#bce9e4;background:#52d6c80f;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:13px 16px;font-size:13px;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.8fr);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#0d1214eb;position:relative}.panel:after{content:"";border-top:1px solid var(--acid);border-right:1px solid var(--acid);pointer-events:none;width:12px;height:12px;position:absolute;top:-1px;right:-1px}.panel__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:85px;padding:19px 22px;display:flex}.panel__heading h2{letter-spacing:-.02em;margin:0;font-size:18px}.panel__index{color:var(--muted);margin-bottom:7px}.icon-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;width:36px;height:36px;font:18px DM Mono,monospace}.icon-button:hover{color:var(--acid);border-color:var(--acid)}.icon-button:disabled{opacity:.4;cursor:wait}.instance-list{padding:7px}.instance-row{border:1px solid #0000;border-bottom-color:var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;transition:background .18s,border-color .18s;display:grid}.instance-row:last-child{border-bottom-color:#0000}.instance-row:hover,.instance-row--selected{border-color:var(--line-bright);background:#12191a}.instance-row--selected{box-shadow:inset 3px 0 var(--acid)}.instance-row__select{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px minmax(120px,1fr) auto;align-items:center;gap:15px;padding:19px 14px;display:grid}.instance-row__number{color:#52605d;font:400 10px DM Mono,monospace}.instance-row__identity{min-width:0}.instance-row__identity strong,.instance-row__identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.instance-row__identity strong{font-size:14px}.instance-row__identity small{color:var(--muted);margin-top:6px;font:400 10px DM Mono,monospace}.status{border:1px solid var(--line-bright);letter-spacing:.07em;text-transform:uppercase;width:fit-content;color:var(--muted);border-radius:99px;align-items:center;gap:7px;padding:5px 9px;font:500 9px DM Mono,monospace;display:inline-flex}.status__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status--running{color:var(--acid);border-color:#b8f34a59}.status--error{color:var(--red);border-color:#ff685f59}.status--starting,.status--stopping,.status--creating,.status--deleting{color:var(--amber);border-color:#edbb5759}.actions{gap:5px;padding-right:13px;display:flex}.button{border:1px solid var(--line-bright);color:var(--ink);cursor:pointer;letter-spacing:.04em;background:0 0;min-height:36px;padding:0 13px;font:600 10px DM Mono,monospace}.button:hover:not(:disabled){border-color:var(--ink);background:#ffffff0a}.button:disabled{color:#4d5755;cursor:not-allowed;border-color:#222b2a}.button--quiet{padding:0 10px}.create-panel{position:sticky;top:96px}.create-form{gap:20px;padding:23px;display:grid}.create-form label>span{color:#c6cecc;margin-bottom:9px;font-size:11px;font-weight:600;display:block}.create-form input{border:1px solid var(--line);width:100%;height:45px;color:var(--ink);background:#090d0f;border-radius:0;padding:0 12px;font:400 12px DM Mono,monospace}.create-form input::placeholder{color:#46504e}.create-form input:focus{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid);outline:none}.create-form label small{color:#697572;margin-top:8px;font-size:10px;line-height:1.45;display:block}.button--primary{background:var(--acid);color:#10150d;border:0;justify-content:space-between;align-items:center;min-height:49px;padding:0 17px;font-weight:800;display:flex}.button--primary:hover:not(:disabled){color:#10150d;background:#ceff70}.button--primary:disabled{color:#1a2116;background:#465338}.button--primary span{font-size:19px;font-weight:400}.form-error,.runtime-error{border-left:2px solid var(--red);color:#ffaaa5;background:#ff685f14;padding:11px 13px;font-size:11px;line-height:1.5}.loading-state,.empty-state,.error-state,.detail-placeholder{text-align:center;min-height:240px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:30px;font-size:12px;display:flex}.loader{border:2px solid var(--line);border-top-color:var(--acid);border-radius:50%;width:22px;height:22px;margin-bottom:13px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state>span{color:#3f4b48;font:400 40px DM Mono,monospace}.empty-state strong{color:var(--ink);margin:12px 0 2px}.empty-state p{max-width:330px;line-height:1.6}.error-state{color:#d68d88;gap:8px;min-height:180px}.error-state strong{color:var(--red)}.error-state button{color:var(--ink);border:1px solid var(--line-bright);cursor:pointer;background:0 0;margin-top:8px;padding:7px 15px}.detail-panel{margin-top:18px}.detail-placeholder{flex-direction:row;gap:14px;min-height:190px}.crosshair{color:var(--line-bright);font:27px DM Mono,monospace}.detail-content{padding:23px}.detail-summary{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding-bottom:23px;display:flex}.detail-title{align-items:center;gap:15px;min-width:0;display:flex}.detail-title h3{margin:0;font-size:23px}.detail-title code{color:var(--muted);font:10px DM Mono,monospace}.metadata{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.metadata div{padding:18px 15px 18px 0}.metadata dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font:400 9px DM Mono,monospace}.metadata dd{color:#cdd5d2;word-break:break-word;margin:0;font-size:12px}.metadata a{color:var(--cyan);text-decoration:none}.runtime-error{margin-top:17px}.runtime-error strong{margin-bottom:5px;font:500 9px DM Mono,monospace;display:block}.log-header{color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;margin:22px 0 10px;font:400 9px DM Mono,monospace;display:flex}.log-header div{align-items:center;gap:8px;display:flex}.live-dot{width:6px;height:6px;display:inline-block}.log-console{border:1px solid var(--line);scrollbar-color:var(--line-bright) #06090a;background:#06090a;height:310px;padding:13px;font:400 10px/1.6 DM Mono,monospace;overflow:auto}.log-line{color:#aab6b2;grid-template-columns:170px 1fr;gap:14px;padding:2px 0;display:grid}.log-line time{color:#52605d}.log-line--error span{color:#ff8f88}.log-muted{color:#52605d}.danger-zone{border-top:1px solid #ff685f40;justify-content:space-between;align-items:center;gap:24px;margin-top:23px;padding-top:20px;display:flex}.danger-zone strong,.danger-zone span{display:block}.danger-zone strong{color:#e5c0bd;font-size:12px}.danger-zone span{color:var(--muted);margin-top:5px;font-size:10px}.button--danger{color:var(--red);border-color:#ff685f73;flex-shrink:0}.button--danger:hover:not(:disabled){background:var(--red);color:#170605;border-color:var(--red)}footer{border-top:1px solid var(--line);color:#505b59;letter-spacing:.08em;justify-content:space-between;padding:22px clamp(20px,4vw,64px);font:400 9px DM Mono,monospace;display:flex}@media (width<=980px){.login-shell{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.create-panel{position:static}.telemetry div{padding:0 15px}}@media (width<=680px){.login-shell{display:block}.login-intro{min-height:43vh;padding:25px 22px 32px}.login-intro__copy{margin:65px 0 45px}.login-intro__copy h1{font-size:43px}.login-status>span:last-child{display:none}.login-panel__header{padding:19px 22px}.login-form{padding:42px 22px 55px}.topbar{height:66px}.system-state{gap:8px;font-size:0}.system-state__divider,.operator{display:none}.system-state:before{content:"ONLINE";font:500 9px DM Mono,monospace}.workspace{padding-top:37px}.masthead{margin-bottom:30px;display:block}h1{font-size:43px}.telemetry{border:1px solid var(--line);margin-top:30px}.telemetry div{flex:1;padding:13px}.telemetry div:last-child{border-right:0}.telemetry strong{font-size:24px}.instance-row{grid-template-columns:1fr;padding-bottom:12px}.instance-row__select{grid-template-columns:27px minmax(0,1fr) auto;padding-bottom:12px}.instance-row .actions{padding:0 12px}.instance-row .actions .button{flex:1}.detail-content{padding:16px}.detail-summary{flex-direction:column;align-items:flex-start}.detail-title{flex-wrap:wrap;gap:9px 12px}.detail-title code{text-overflow:ellipsis;width:100%;overflow:hidden}.detail-summary .actions{width:100%;padding:0}.detail-summary .actions .button{flex:1}.metadata{grid-template-columns:1fr 1fr}.log-line{border-bottom:1px solid #26302f80;padding:6px 0;display:block}.log-line time{display:block}.danger-zone{flex-direction:column;align-items:stretch}.button--danger{width:100%}footer{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{animation-duration:1.5s}}
