:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#e5ebe7;background:#101412;font-synthesis:none;color-scheme:dark;--panel:#171c19;--line:#2a332d;--muted:#93a499;--green:#bcf775}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#222b25;color:#e5ebe7;border-radius:8px;padding:9px 14px;font-size:13px;transition:background .15s}button:hover{background:#303e33}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--green);color:#17210e;border-color:var(--green);font-weight:650}.primary:hover{background:#d0ffa0}.danger{color:#ffaea7}.quiet{background:transparent}.small{padding:5px 9px;font-size:12px}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{width:100%;border:1px solid #39443c;border-radius:7px;background:#101512;color:inherit;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green)}textarea{resize:vertical;line-height:1.6}label{display:block;font-size:13px;margin:16px 0 7px;color:#c6d2cb}code,pre,.mono{font-family:"SFMono-Regular",Consolas,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}small,.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:580;letter-spacing:-1px;margin-bottom:8px}h2{font-size:20px;font-weight:580}h3{font-size:15px;font-weight:580}.loading{padding:12vh 8vw;color:var(--muted)}.shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{background:#131916;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;font-size:18px;font-weight:650;letter-spacing:-.5px}.mark{background:var(--green);width:33px;height:33px;display:grid;place-items:center;border-radius:8px;color:#17210e;font-size:24px;font-weight:800}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:3px;color:#9eb09f}.cluster-select{margin-top:32px;font-size:12px}.cluster-select select{font-size:13px;margin-top:8px}.cluster-select button{margin-top:8px;width:100%;text-align:left;color:var(--muted)}nav{display:grid;gap:6px;margin-top:30px}nav button{border:0;text-align:left;background:transparent;color:var(--muted);padding:12px 14px}nav button.active{background:#273325;color:var(--green)}nav button span{margin-right:12px}.sidebar-footer{margin-top:auto;font-size:12px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:12px}.workspace{padding:0 40px 40px;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:38px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.page-head p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.eyebrow{color:var(--green);text-transform:uppercase;font-size:10px;letter-spacing:2px;margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:21px}.stat-name{font-size:12px;color:var(--muted)}.stat-value{font-size:31px;letter-spacing:-1px;margin:17px 0 6px}.stat-value small{font-size:14px;letter-spacing:0}.stat-note{font-size:11px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th{text-align:left;color:var(--muted);font-weight:400;font-size:11px;padding:14px 22px;background:#151b17}td{border-top:1px solid #263028;padding:17px 22px}td small{display:block;margin-top:5px;font-size:10px}.instance-name{color:#eff8ed;border:0;padding:0;background:transparent;font-size:13px}.badge{display:inline-block;border:1px solid #37493c;background:#213226;border-radius:5px;padding:4px 8px;font-size:11px;color:#b9e8bb}.badge.queued,.badge.starting,.badge.stopping,.badge.deleting{background:#342e1d;color:#e7ce8c;border-color:#4c422b}.badge.error{color:#ffb7a9;background:#392723;border-color:#603a32}.badge.stopped,.badge.exited,.badge.offline{color:#a8b4ac;background:#242b26;border-color:#3a433d}.actions{display:flex;gap:7px}.empty{padding:52px 24px;text-align:center}.empty .symbol{font-size:28px;color:var(--green);margin-bottom:15px}.empty p{font-size:13px;color:var(--muted);line-height:1.8}.callout{border:1px solid #374b2f;background:#1c291c;border-radius:12px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.callout p{font-size:12px;line-height:1.8;color:#a9b9a4;margin:8px 0 0}.callout h3{margin:0}.footnote{font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px}.node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.node-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.node-card .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.node-card h3{margin:0}.meter-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:20px}.meter{height:5px;background:#303b32;border-radius:4px;overflow:hidden;margin-top:10px}.meter progress{display:block;width:100%;height:5px;accent-color:var(--green)}.gpu-row{font-size:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:15px;color:#b7c7ba}.node-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-story{padding:8vw;background:radial-gradient(ellipse at 10% 90%,#273b21,transparent 70%);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.login-story .brand{margin-bottom:70px}.login-story h1{font-size:clamp(32px,4vw,56px);line-height:1.25;letter-spacing:-2px;margin-bottom:26px}.login-story h1 em{font-style:normal;color:var(--green)}.login-story p{font-size:14px;line-height:2;color:#a6b6a9;max-width:420px}.login-tags{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.login-tags span{border:1px solid #42543d;border-radius:30px;padding:7px 13px;font-size:11px;color:#baccae}.login-form{display:flex;flex-direction:column;justify-content:center;padding:10vw 7vw}.login-form h2{font-size:25px}.login-form p{font-size:13px;line-height:1.8;color:var(--muted)}.login-form .primary{display:block;text-align:center;padding:13px;margin-top:20px;border-radius:8px;color:#17210e;font-size:14px}.login-form details{margin-top:25px;font-size:12px;color:var(--muted)}.login-form form button{margin-top:12px;width:100%}dialog{background:#171f19;color:#e5ebe7;border:1px solid #46523f;border-radius:14px;padding:28px;width:min(620px,calc(100vw - 28px));max-height:90vh;box-shadow:0 24px 90px #0008}dialog.wide{width:min(850px,calc(100vw - 28px))}dialog::backdrop{background:#070c09b8;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{margin:0}.dialog-body>p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{font-size:11px;color:var(--muted);line-height:1.7;margin:7px 0 0}.secret{font-family:monospace;font-size:12px;color:var(--green);word-break:break-all}.detail-meta{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0;font-size:12px;color:var(--muted)}.terminal{background:#0c110e;border:1px solid var(--line);padding:16px;border-radius:8px;min-height:80px;max-height:280px;overflow:auto;color:#c0e3b3}.tabline{display:flex;gap:8px;margin:24px 0 18px;flex-wrap:wrap}.tabline button.active{border-color:var(--green);color:var(--green)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#d3efc7;color:#162110;padding:13px 22px;border-radius:9px;font-size:13px;z-index:10;display:none;max-width:90vw;box-shadow:0 10px 40px #0006}#toast.show{display:block}#toast.error{background:#f6b5a7;color:#411b14}.error-text{color:#ffc2b3;font-size:12px;line-height:1.7;white-space:pre-wrap}.row-end{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media(max-width:1100px){.workspace{padding:0 24px 30px}.shell{grid-template-columns:200px 1fr}.stats{grid-template-columns:repeat(2,1fr)}td,th{padding:14px}.login-story{padding:6vw}.login-form{padding:7vw}}@media(max-width:700px){.shell{display:block}.sidebar{position:relative;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:16px}.brand small{display:none}.cluster-select{margin-top:14px;display:flex;gap:8px;align-items:center}.cluster-select label{display:none}.cluster-select select{margin:0}.cluster-select button{margin:0;width:auto;white-space:nowrap}nav{display:flex;margin-top:15px;gap:4px;overflow:auto}nav button{white-space:nowrap;padding:9px;font-size:12px}nav button span{display:none}.sidebar-footer{display:none}.topbar{height:52px;margin-bottom:25px}.workspace{padding:0 16px 24px}h1{font-size:25px}.page-head{align-items:flex-start}.page-head .primary{white-space:nowrap}.stats{gap:10px}.stat{padding:16px}.stat-value{font-size:26px}.callout{display:block;padding:22px}.callout button{margin-top:18px}.login{display:block}.login-story{padding:35px 25px;border-right:0;border-bottom:1px solid var(--line)}.login-story .brand{margin-bottom:35px}.login-story h1{font-size:37px}.login-form{padding:35px 25px}.grid-two{gap:10px}dialog{padding:20px}}
@media(max-width:700px){.sidebar-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.sidebar-footer>span,.sidebar-footer>small{display:none}.sidebar-footer button{font-size:11px;padding:6px 10px}}

.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:28px}.image-card{display:flex;flex-direction:column;gap:16px;padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.image-card-top{display:flex;justify-content:space-between;align-items:center}.image-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#2a3b29;color:var(--green);font-size:17px;font-weight:700}.image-card h2{font-size:19px;line-height:1.5;margin:0}.image-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.package-tags{display:flex;gap:7px;flex-wrap:wrap}.package-tags span{font-size:11px;padding:5px 8px;border:1px solid #354339;border-radius:6px;color:#c1d3c2}.image-facts{display:grid;gap:8px;font-size:12px;color:var(--muted);margin-top:auto;padding-top:10px}.image-facts strong{color:#d9e9d7;font-weight:500}.image-card>.primary{margin-top:8px}.template-summary{padding:14px;border:1px solid var(--line);border-radius:8px;margin-top:10px}.template-summary p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 8px}.template-summary p:last-child{margin:10px 0 0}@media(max-width:700px){.image-grid{grid-template-columns:1fr}.image-card{padding:22px}}