:root{--f-display: "Bai Jamjuree", "IBM Plex Sans Thai", system-ui, sans-serif;--f-body: "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: #eef1f6;--surface: #fff;--surface-2: #f5f7fb;--surface-3: #e6eaf2;--line: #d6dce7;--ink: #0d1830;--ink-2: #46536c;--ink-3: #6f7b91;--cobalt: #2448d8;--cobalt-ink: #fff;--cobalt-soft: #e4e9fd;--amber: #b86e00;--amber-fill: #f2a23a;--amber-soft: #fcefd9;--good: #0e7f55;--good-soft: #ddf3ea;--crit: #c2342c;--crit-soft: #fbe3e1;--chart-grid: #e3e8f0;--chart-line: #2448d8;--chart-fill: rgba(36, 72, 216, .12);--term-bg: #0b1222;--term-ink: #cfe0ff;--shadow: 0 1px 2px rgba(13, 24, 48, .06), 0 8px 24px rgba(13, 24, 48, .06)}@media (prefers-color-scheme: dark){:root{--bg: #080e1c;--surface: #0f1830;--surface-2: #13203d;--surface-3: #1a2a4d;--line: #253658;--ink: #e8eefc;--ink-2: #a8b5d2;--ink-3: #7d8aa8;--cobalt: #7b93ff;--cobalt-ink: #0a1230;--cobalt-soft: #1c2c5c;--amber: #f4b456;--amber-soft: #3a2a10;--good: #4ed6a0;--good-soft: #0f3428;--crit: #ff7a70;--crit-soft: #3d1716;--chart-grid: #1d2b4a;--chart-line: #7b93ff;--chart-fill: rgba(123, 147, 255, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 var(--f-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}a{color:var(--cobalt)}.mono{font-family:var(--f-mono)}.num{font-variant-numeric:tabular-nums}.hint{font-size:12.5px;color:var(--ink-3)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:7px 14px;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none}.btn:hover:not(:disabled){border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--cobalt);border-color:var(--cobalt);color:var(--cobalt-ink)}.btn.danger{color:var(--crit)}.btn.sm{padding:4px 10px;font-size:13px}.btn.ghost{border-color:transparent;background:transparent}.inp{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;width:100%}textarea.inp{font-family:var(--f-mono);font-size:12.5px}label.f{display:flex;flex-direction:column;gap:6px;color:var(--ink-2);font-size:13px}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100%}.side{background:var(--surface);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:17px;padding:4px 8px 14px}.brand-mark{width:28px;height:28px;border-radius:7px;background:var(--cobalt);display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px;flex:none}.brand-mark i{background:var(--cobalt-ink);border-radius:1.5px}.brand-mark i:nth-child(4){background:var(--amber-fill)}.proj{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;background:var(--surface-2)}.proj small{display:block;color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.proj b{font-weight:600;font-size:13px}.grp{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.09em;padding:12px 10px 4px}.nav{text-decoration:none;padding:7px 10px;border-radius:8px;color:var(--ink-2);display:flex;align-items:center;gap:10px;font-weight:500}.nav:hover{background:var(--surface-2);color:var(--ink)}.nav.active{background:var(--cobalt-soft);color:var(--cobalt)}.side-foot{margin-top:auto;font-size:12px;color:var(--ink-3);padding:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.work{padding:22px max(16px,2.2vw) 48px;min-width:0;display:flex;flex-direction:column;gap:18px}.vh{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.vh h1{font-family:var(--f-display);font-size:24px;line-height:1.2;margin:0;font-weight:600;display:flex;gap:10px;align-items:center}.vh p{margin:2px 0 0;color:var(--ink-2)}.vh .act{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.crumbs{font-size:12.5px;color:var(--ink-3)}.crumbs a{color:var(--ink-3);text-decoration:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}.card-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.card-h h2{font-size:14px;margin:0;font-weight:600}.card-h .r{margin-left:auto;color:var(--ink-3);font-size:12px}.card-b{padding:14px 16px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{padding:14px 16px}.kpi small{color:var(--ink-3);font-size:12px;display:block}.kpi b{font-family:var(--f-display);font-size:26px;font-weight:600;line-height:1.25;display:block;font-variant-numeric:tabular-nums}.kpi span{font-size:12px;color:var(--ink-2)}.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:2px 9px;border-radius:99px;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.running,.status.free{background:var(--good-soft);color:var(--good)}.status.stopped{background:var(--surface-3);color:var(--ink-2)}.status.provisioning,.status.assigned{background:var(--amber-soft);color:var(--amber)}.status.provisioning:before{animation:blink 1s infinite}.status.error,.status.busy{background:var(--crit-soft);color:var(--crit)}@keyframes blink{50%{opacity:.25}}.gpus{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.gcard{padding:14px 16px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}a.gcard:hover{border-color:var(--cobalt)}.gcard .t{display:flex;align-items:center;gap:8px}.gcard .t b{font-weight:600}.gcard .t .status{margin-left:auto}.meta{font-size:12px;color:var(--ink-3);font-family:var(--f-mono)}.meters{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.meter small{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3)}.meter small b{color:var(--ink);font-weight:500;font-family:var(--f-mono);white-space:nowrap}.mbar{height:6px;background:var(--surface-3);border-radius:99px;overflow:hidden;margin-top:4px}.mbar i{display:block;height:100%;background:var(--cobalt);border-radius:99px;transition:width .8s ease}.mbar.hot i{background:var(--amber-fill)}.spark{width:100%;height:46px;display:block}.tbl-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:13px}table.t th{text-align:left;font-weight:500;color:var(--ink-3);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;padding:9px 16px;border-bottom:1px solid var(--line);white-space:nowrap}table.t td{padding:10px 16px;border-bottom:1px solid var(--line);white-space:nowrap}table.t tr:last-child td{border-bottom:0}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:var(--surface-2)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{border:0;background:transparent;padding:9px 14px;cursor:pointer;color:var(--ink-2);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--cobalt);border-bottom-color:var(--cobalt)}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart{position:relative}.chart svg{width:100%;height:150px;display:block}.chart .tip{position:absolute;top:24px;pointer-events:none;background:var(--ink);color:var(--surface);font:12px var(--f-mono);padding:4px 8px;border-radius:6px;transform:translate(-50%);white-space:nowrap}.big-v{font-family:var(--f-display);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.connect{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.conn{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.conn p{margin:0;color:var(--ink-2);font-size:13px}.codebox{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font:12.5px var(--f-mono);min-width:0}.codebox code{overflow-x:auto;white-space:nowrap;flex:1;min-width:0}.term{background:var(--term-bg);color:var(--term-ink);border-radius:12px;padding:14px 16px;font:12px/1.5 var(--f-mono);overflow:auto;max-height:420px;white-space:pre-wrap;margin:0}.banner{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:12px;background:var(--cobalt-soft);flex-wrap:wrap}.banner.err{background:var(--crit-soft);color:var(--crit)}.ev{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.ev:last-child{border-bottom:0}.ev time{font:11.5px var(--f-mono);color:var(--ink-3);width:92px;flex:none;padding-top:1px}.empty{padding:28px 16px;text-align:center;color:var(--ink-3);display:flex;flex-direction:column;gap:10px;align-items:center}.codeblock{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2);min-width:0}.codeblock-h{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-3)}.codeblock-h .btn{margin-left:auto}.codeblock pre{margin:0;padding:10px 12px;font:12.5px/1.6 var(--f-mono);overflow-x:auto;color:var(--ink)}.secret{letter-spacing:.04em}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 14px;align-items:center;font-size:13px}.kv>span{color:var(--ink-3)}.stack{display:flex;flex-direction:column;gap:12px}.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.steps li{padding-left:4px}.steps li>.codeblock{margin-top:8px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2);cursor:pointer}.check input{margin-top:3px}.adv{border:1px solid var(--line);border-radius:12px;padding:10px 14px}.adv summary{cursor:pointer;font-weight:500;color:var(--ink-2)}.adv[open]{display:flex;flex-direction:column;gap:12px}.adv[open] summary{margin-bottom:2px}.price{color:var(--cobalt)!important;font-weight:600}.price-box{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding:14px 16px;border-radius:12px;background:var(--cobalt-soft)}.price-box small{display:block;color:var(--ink-2);font-size:12px}.price-box b{font-family:var(--f-display);font-size:22px;font-weight:600}.price-box p{grid-column:1 / -1;margin:4px 0 0}.banner.avail{background:var(--good-soft);color:var(--ink)}.banner.avail b{color:var(--good)}.banner.avail.none{background:var(--amber-soft)}.banner.avail.none b{color:var(--amber)}.callout{border-color:var(--amber-fill);background:var(--amber-soft)}.kpi b em{font-style:normal;font-size:14px;color:var(--ink-3);font-weight:500;margin-left:2px}.kpi b.kpi-sm{font-size:15px;font-family:var(--f-body);word-break:break-all}.h2{font-size:15px;margin:0;font-weight:600}.foot-user{color:var(--ink-2);text-decoration:none}.foot-user:hover{color:var(--cobalt)}.inp.sm{padding:4px 8px;width:auto;font-size:13px}td.wrap{white-space:normal;word-break:break-all}table.t tfoot td{border-top:1px solid var(--line);border-bottom:0;background:var(--surface-2)}.xterm-wrap{background:var(--term-bg);border-radius:12px;overflow:hidden;border:1px solid var(--line)}.xterm-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #1d2b4a;flex-wrap:wrap}.xterm-bar .hint{color:#8b9bc0}.xterm-host{height:min(560px,62vh);padding:8px 4px 4px 10px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1c8c;z-index:80;display:grid;place-items:center;padding:16px}.modal{background:var(--surface);border-radius:16px;width:min(860px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 24px 60px #00000059;overflow:hidden}.modal-h{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-h h2{margin:0;font-family:var(--f-display);font-size:19px;font-weight:600}.modal-b{padding:18px 20px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:14px}.modal-f{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--line);align-items:center}.modal-f .sum{margin-right:auto;font-size:13px;color:var(--ink-2)}.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.opt{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:var(--surface);text-align:left;display:flex;flex-direction:column;gap:4px}.opt:hover:not(:disabled){border-color:var(--ink-3)}.opt[aria-pressed=true]{border-color:var(--cobalt);background:var(--cobalt-soft)}.opt:disabled{opacity:.45;cursor:not-allowed}.opt b{font-weight:600}.opt small{color:var(--ink-2);font-size:12.5px}.opt .tag{font:11px var(--f-mono);color:var(--ink-3)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:var(--surface);padding:10px 16px;border-radius:10px;z-index:90;font-size:13.5px;box-shadow:var(--shadow)}.login{min-height:100%;display:grid;place-items:center;padding:16px}.login form{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;padding:28px}.login h1{font-family:var(--f-display);font-size:22px;margin:0}@media (max-width: 900px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.grp,.side-foot,.proj{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cols,.charts,.connect,.price-box{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.btn.google{width:100%;gap:10px;padding:9px 14px}.or{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.inp.otp{font:600 20px var(--f-mono);letter-spacing:.3em;text-align:center;max-width:220px}.qr{margin:10px 0 6px}.qr img{display:block;border-radius:8px;border:1px solid var(--line);background:#fff;padding:6px}.thread{display:flex;flex-direction:column;gap:12px}.msg{border:1px solid var(--line);border-radius:10px;padding:10px 14px;max-width:86%;background:var(--surface-2)}.msg.staff{align-self:flex-end;background:var(--cobalt-soft);border-color:transparent}.msg-h{display:flex;gap:12px;align-items:baseline;font-size:12.5px;margin-bottom:4px}.msg-h time{margin-left:auto;color:var(--ink-3);font:11.5px var(--f-mono)}.msg-b{white-space:pre-wrap;font-size:13.5px}.storage-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.storage-cols .meter small{font-size:12.5px}.storage-cols .mbar{height:8px}@media (max-width: 900px){.storage-cols{grid-template-columns:1fr}}.mon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}.mon .card-h h2{font-family:var(--f-display);font-size:15px}.mon-now{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mon-now small{display:block;color:var(--ink-3);font-size:11.5px}.mon-now b{font-family:var(--f-display);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.mon-now em,.kpi b em{font-style:normal;font-size:12px;color:var(--ink-3);font-weight:500}.mon-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mon-health{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--ink-2)}.dot{display:inline-flex;align-items:center;gap:6px}.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink-3)}.dot.ok:before{background:var(--good)}.dot.warn:before{background:var(--amber-fill)}.dot.bad:before{background:var(--crit)}.kpi b.good{color:var(--good)}.kpi b.bad{color:var(--crit)}.status.not_offered{background:var(--surface-3);color:var(--ink-3)}.seg{gap:4px}.health-list{display:flex;flex-direction:column}.health-list>div{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.health-list>div:last-child{border-bottom:0}.health-list .status{flex:none}@media (max-width: 900px){.mon-grid{grid-template-columns:1fr}.mon-now{grid-template-columns:repeat(2,1fr)}}.kpis.five{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 1200px){.kpis.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.kpis.five{grid-template-columns:repeat(2,minmax(0,1fr))}}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-grid small{display:block;color:var(--ink-3);font-size:12px}.report-grid b{display:block;font-family:var(--f-display);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.report-grid b.good{color:var(--good)}.report-grid b.bad{color:var(--crit)}.report-grid span{font-size:12px;color:var(--ink-2)}@media (max-width: 900px){.report-grid{grid-template-columns:1fr 1fr}}@media print{.side,.act,.banner{display:none!important}.shell{display:block}.card{break-inside:avoid}}.tag.prov{font-weight:600}.tag.prov.huawei{color:var(--crit)}.opts.hw{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.prov-badge{display:inline-block;font:600 11px var(--f-mono);padding:1px 7px;border-radius:999px;background:var(--cobalt-soft);color:var(--cobalt);vertical-align:1px}.prov-badge.huawei{background:var(--crit-soft);color:var(--crit)}