:root { --bg:#080b0e; --panel:#11161b; --panel2:#151c22; --line:#273039; --text:#f5f1e8; --muted:#8e9aa4; --brown:#bb8a5a; --brown2:#e2b47f; --green:#58d68d; --red:#ff6b6b; --amber:#f6c85f; }
* { box-sizing:border-box; }
[hidden]{display:none!important}
body { margin:0; min-height:100vh; overflow-x:hidden; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.ambient { position:fixed; width:420px; height:420px; border-radius:50%; filter:blur(110px); opacity:.12; pointer-events:none; z-index:-1; }
.ambient-one { background:var(--brown); top:-170px; left:15%; } .ambient-two { background:#2f7c6d; right:-180px; top:38%; }
.topbar { height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(20px,4vw,64px); border-bottom:1px solid rgba(255,255,255,.07); background:rgba(8,11,14,.86); backdrop-filter:blur(18px); position:sticky; top:0; z-index:5; }
.brand { color:inherit; text-decoration:none; display:flex; align-items:center; gap:12px; }.brand-mark,.dialog-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#1b120b; background:linear-gradient(135deg,var(--brown2),var(--brown)); font-weight:900; letter-spacing:-.08em; }.brand strong,.brand small { display:block; }.brand small { color:var(--muted); margin-top:2px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.topbar-actions { display:flex; align-items:center; gap:12px; }.muted { color:var(--muted); font-size:13px; }.button { border:1px solid var(--brown); background:var(--brown); color:#150e08; border-radius:10px; padding:10px 15px; font-weight:750; cursor:pointer; }.button.secondary { background:transparent; color:var(--text); border-color:var(--line); }.button:hover { filter:brightness(1.1); }
.search-box { display:flex; align-items:center; gap:8px; width:220px; color:var(--muted); border:1px solid var(--line); border-radius:10px; padding:0 11px; background:#090d10; }.search-box input { min-width:0; width:100%; padding:9px 0; border:0; outline:0; color:var(--text); background:transparent; }.section-nav { position:sticky; top:76px; z-index:4; display:flex; gap:6px; padding:10px clamp(20px,4vw,64px); overflow:auto; scrollbar-width:none; border-bottom:1px solid rgba(255,255,255,.06); background:rgba(8,11,14,.92); backdrop-filter:blur(18px); }.section-nav::-webkit-scrollbar { display:none; }.section-nav a { flex:none; color:var(--muted); text-decoration:none; font-size:13px; font-weight:700; padding:8px 12px; border-radius:8px; }.section-nav a:hover,.section-nav a.active { color:var(--text); background:var(--panel2); }.scroll-target { scroll-margin-top:140px; }.refreshing .refresh-icon { display:inline-block; animation:spin .8s linear infinite; }@keyframes spin { to { transform:rotate(360deg); } }
main { width:min(1480px,calc(100% - 40px)); margin:0 auto; padding:68px 0 90px; }.hero { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:40px; }.eyebrow { margin:0 0 9px; color:var(--brown2); text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; }.hero h1 { font-size:clamp(42px,6vw,78px); letter-spacing:-.055em; line-height:.96; margin:0; max-width:830px; }.hero h1 span { color:var(--muted); }.hero-copy { color:var(--muted); max-width:660px; line-height:1.7; font-size:16px; }
.overall-status { display:flex; align-items:center; gap:14px; min-width:210px; padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(17,22,27,.85); }.overall-status small,.overall-status strong { display:block; }.overall-status small { color:var(--muted); margin-bottom:3px; }.status-orb { width:12px; height:12px; border-radius:50%; background:var(--muted); box-shadow:0 0 20px currentColor; }.overall-status.ok .status-orb { background:var(--green); }.overall-status.degraded .status-orb { background:var(--amber); }
.provider-grid,.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }.provider-card,.metric-card { border:1px solid var(--line); background:linear-gradient(145deg,rgba(21,28,34,.96),rgba(14,18,22,.96)); border-radius:16px; padding:20px; }.provider-card { display:flex; justify-content:space-between; align-items:center; }.provider-name { text-transform:capitalize; font-weight:750; }.provider-card small { display:block; color:var(--muted); margin-top:5px; }.health-dot { width:10px; height:10px; border-radius:50%; background:var(--red); }.provider-card.ok .health-dot { background:var(--green); box-shadow:0 0 18px rgba(88,214,141,.6); }
.metric-grid { grid-template-columns:repeat(4,1fr); margin:14px 0 32px; }.metric-card span,.metric-card small { color:var(--muted); }.metric-card strong { display:block; font-size:42px; letter-spacing:-.04em; margin:12px 0 5px; }
.data-section { border:1px solid var(--line); background:rgba(14,18,22,.9); border-radius:18px; padding:24px; margin-top:18px; overflow:hidden; }.section-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }.section-heading h2 { margin:0; font-size:21px; }.badge { color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:7px 10px; font-size:12px; }
.heading-actions { display:flex; align-items:center; gap:9px; }.button.compact { padding:7px 11px; font-size:12px; }
.table-wrap { overflow:auto; }table { border-collapse:collapse; width:100%; }th { color:var(--muted); text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.12em; padding:12px; }td { padding:15px 12px; border-top:1px solid var(--line); font-size:14px; }.resource-name { font-weight:700; }.state { display:inline-flex; align-items:center; gap:7px; text-transform:capitalize; }.state:before { content:""; width:7px; height:7px; border-radius:50%; background:var(--muted); }.state.running:before,.state.ready:before { background:var(--green); }.state.failed:before,.state.down:before { background:var(--red); }.state.template:before { background:var(--brown2); }
.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.stack-list { display:grid; gap:10px; }.stack-item { display:flex; justify-content:space-between; align-items:center; border:1px solid var(--line); background:var(--panel2); border-radius:12px; padding:14px; }.stack-item strong,.stack-item small { display:block; }.stack-item small { color:var(--muted); margin-top:4px; }.stack-meta { text-align:right; }
.game-card { border:1px solid var(--line); background:var(--panel2); border-radius:13px; padding:16px; }.game-card-top { display:flex; justify-content:space-between; gap:12px; }.game-card strong,.game-card small { display:block; }.game-card small { color:var(--muted); margin-top:5px; }.game-metrics { display:flex; gap:15px; margin:15px 0 9px; color:var(--muted); font-size:11px; }.game-metrics b { color:var(--text); margin-left:3px; }.metric-track { height:4px; overflow:hidden; border-radius:999px; background:#242d34; }.metric-track i { display:block; height:100%; min-width:2px; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--brown2)); }.instance-name { font-size:11px!important; }.search-muted { display:none; }.search-empty { margin:28px 0; padding:40px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:16px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.service-card { border:1px solid var(--line); border-radius:12px; padding:15px; background:var(--panel2); min-width:0; }.service-card strong,.service-card span { display:block; }.service-card span { color:var(--muted); font-size:12px; margin-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.action-row { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:12px; }.icon-button { border:1px solid var(--line); border-radius:8px; padding:6px 9px; background:#0c1115; color:var(--text); font-size:11px; font-weight:750; text-transform:capitalize; cursor:pointer; }.icon-button:hover { border-color:var(--brown); }.icon-button.danger,.button.danger { border-color:rgba(255,107,107,.45); color:#ffd7d7; background:rgba(255,107,107,.12); }.game-card-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }.game-card-footer .action-row { justify-content:flex-end; }.service-card .action-row { margin-top:14px; }.action-target { margin:18px 0 8px; padding:13px; border:1px solid var(--line); border-radius:10px; background:#090c0f; }.action-target small,.action-target strong { display:block; }.action-target small { color:var(--muted); margin-bottom:4px; }.toast { position:fixed; right:24px; bottom:24px; z-index:20; max-width:min(420px,calc(100% - 48px)); padding:14px 17px; border:1px solid var(--line); border-radius:12px; color:var(--text); background:var(--panel2); box-shadow:0 15px 50px #000; }.toast.success { border-color:rgba(88,214,141,.45); }.toast.failed { border-color:rgba(255,107,107,.5); }
.studio-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:18px; }.studio-layout aside { padding:16px; border:1px solid var(--line); border-radius:13px; background:var(--panel2); }.studio-layout label,.form-grid label { display:grid; gap:7px; margin-bottom:15px; color:var(--muted); font-size:12px; font-weight:700; }.studio-layout select,.studio-layout input,.form-grid select,.form-grid input { width:100%; border:1px solid var(--line); border-radius:9px; padding:10px; color:var(--text); background:#090c0f; }.studio-layout aside p { color:var(--muted); font-size:12px; line-height:1.6; }.editor-panel { min-width:0; }.editor-panel textarea { display:block; width:100%; min-height:430px; resize:vertical; border:1px solid var(--line); border-radius:13px; padding:16px; color:#dce7dd; background:#070a0c; font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size:2; outline:none; }.editor-panel textarea:focus { border-color:var(--brown); }.editor-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; }.editor-actions .action-row { margin:0; justify-content:flex-end; }.wide-dialog { width:min(650px,calc(100% - 32px)); }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; margin-top:20px; }.form-grid .span-two { grid-column:1/-1; }
.timeline { display:grid; gap:2px; }.task { display:grid; grid-template-columns:14px 1fr auto; gap:12px; align-items:start; padding:13px 0; border-bottom:1px solid var(--line); }.task:last-child { border:0; }.task-dot { width:9px; height:9px; border-radius:50%; background:var(--amber); margin-top:5px; }.task.failed .task-dot { background:var(--red); }.task.success .task-dot { background:var(--green); }.task p { margin:4px 0 0; color:var(--muted); font-size:13px; }.task time { color:var(--muted); font-size:12px; }
.empty { color:var(--muted); padding:20px 0; }dialog { width:min(460px,calc(100% - 32px)); border:1px solid var(--line); border-radius:20px; color:var(--text); background:#11161b; padding:0; box-shadow:0 30px 90px #000; }dialog::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(8px); }dialog form { padding:28px; }.dialog-mark { margin-bottom:22px; }dialog h2 { margin:0 0 10px; }dialog p:not(.eyebrow) { color:var(--muted); line-height:1.55; }dialog label { display:block; font-size:12px; font-weight:700; margin:22px 0 7px; }dialog input { width:100%; color:var(--text); background:#090c0f; border:1px solid var(--line); border-radius:10px; padding:13px; outline:none; }dialog input:focus { border-color:var(--brown); }.dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }.error { color:var(--red)!important; min-height:20px; font-size:13px; }
@media (max-width:900px) { .hero { align-items:flex-start; flex-direction:column; }.provider-grid,.metric-grid { grid-template-columns:repeat(2,1fr); }.split-grid { grid-template-columns:1fr; }.service-grid { grid-template-columns:repeat(2,1fr); }.muted { display:none; }.search-box { width:180px; }.studio-layout { grid-template-columns:1fr; }.editor-actions { align-items:flex-end; } }
@media (max-width:560px) { main { width:min(100% - 24px,1480px); padding-top:38px; }.topbar { padding:0 12px; }.brand small,.topbar .secondary { display:none; }.search-box { width:42px; padding:0 12px; }.search-box input { width:0; opacity:0; }.search-box:focus-within { position:absolute; left:12px; right:12px; width:auto; z-index:2; }.search-box:focus-within input { width:100%; opacity:1; }.section-nav { top:76px; padding-inline:12px; }.provider-grid,.metric-grid,.service-grid { grid-template-columns:1fr; }.hero h1 { font-size:44px; }.data-section { padding:17px; }.game-metrics { flex-wrap:wrap; }.section-heading { align-items:flex-start; gap:12px; }.heading-actions { align-items:flex-end; flex-direction:column; }.form-grid { grid-template-columns:1fr; }.form-grid .span-two { grid-column:auto; }.editor-panel textarea { min-height:360px; }.editor-actions { align-items:stretch; flex-direction:column; }.editor-actions .action-row { justify-content:stretch; }.editor-actions button { flex:1; } }
.stack-runtime { border-top:1px solid var(--line); padding:18px; margin-top:18px; }.stack-runtime .section-heading { margin-bottom:12px; }.stack-runtime h3 { margin:2px 0 0; }.stack-service { width:100%; color:inherit; text-align:left; cursor:pointer; }.stack-service:hover { border-color:var(--brown); }.log-view { min-height:120px; max-height:300px; overflow:auto; margin:14px 0 0; padding:14px; border:1px solid var(--line); border-radius:12px; background:#080c10; color:#c8d0d7; white-space:pre-wrap; font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; }.form-grid.two { grid-template-columns:1fr 1fr; gap:12px; }.form-grid.two label { margin:0; }

.workspace-nav{position:sticky;top:76px;z-index:8;display:flex;align-items:center;gap:5px;min-height:50px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #ffffff12;background:#080b0ef2;backdrop-filter:blur(18px)}.workspace-tab,.workspace-tool{border:0;color:var(--muted);background:transparent;font-weight:700;cursor:pointer;padding:10px 14px;border-radius:9px}.workspace-tab:hover,.workspace-tool:hover,.workspace-tab.active{color:var(--text);background:var(--panel2)}.workspace-tab.active{box-shadow:inset 0 -2px var(--brown)}.workspace-divider{width:1px;height:20px;margin:0 7px;background:var(--line)}.workspace-tool{margin-left:auto;color:var(--brown2)}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.dashboard-widget{min-width:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#0e1216eb}.dashboard-widget.span-two{grid-column:span 2}.widget-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.widget-heading h2{margin:1px 0 0;font-size:19px}.chart-legend{display:flex;gap:18px;color:var(--muted);font-size:12px;margin-bottom:12px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:8px;height:8px;border-radius:50%}.legend-vm{background:#d0a16d}.legend-service{background:#59d99a}.legend-cpu{background:#649cff}.usage-chart{min-height:255px}.usage-chart svg{display:block;width:100%;height:220px;overflow:visible}.chart-grid line{stroke:#ffffff12;stroke-width:1;vector-effect:non-scaling-stroke}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line.vm{stroke:#d0a16d}.chart-line.service{stroke:#59d99a}.chart-line.cpu{stroke:#649cff}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.capacity-bars{display:grid;gap:22px}.capacity-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.capacity-row span{color:var(--muted)}.capacity-track{height:8px;overflow:hidden;border-radius:99px;background:#080b0e}.capacity-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brown),#e4bc8d)}.quick-launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-launch-grid button{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel2);text-align:left;cursor:pointer;font-weight:700}.quick-launch-grid button:hover{border-color:var(--brown);transform:translateY(-1px)}.quick-launch-grid span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--brown2);background:#b784531f}.text-button{border:0;background:transparent;color:var(--brown2);cursor:pointer;font-weight:700}.attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attention-list>button{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--panel2);cursor:pointer;text-align:left}.attention-list button>span:first-child{display:grid;gap:3px}.attention-list small{color:var(--muted)}.healthy-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:13px;min-height:90px;color:var(--green)}.healthy-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#47d68f1f}.healthy-empty div{display:grid;gap:3px}.healthy-empty small{color:var(--muted)}
.admin-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 126px)}.resource-sidebar{position:sticky;top:126px;align-self:start;height:calc(100vh - 126px);overflow:auto;border-right:1px solid var(--line);background:#0a0e12;padding:20px 12px}.resource-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px}.resource-sidebar h2{margin:2px 0 0;font-size:18px}.tree-search{display:flex;gap:8px;align-items:center;margin-bottom:12px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#070a0d}.tree-search input{min-width:0;width:100%;border:0;outline:0;color:var(--text);background:transparent}.resource-tree{display:grid;gap:4px}.resource-tree details>summary,.tree-root,.resource-tree details button{width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;text-align:left}.resource-tree details>summary,.tree-root{min-height:38px;padding:8px 9px;font-weight:750}.resource-tree summary::-webkit-details-marker{display:none}.resource-tree details>summary b{margin-left:auto;color:#737e88;font-size:11px}.resource-tree details>div{display:grid;gap:2px;margin:2px 0 8px 17px;padding-left:11px;border-left:1px solid var(--line)}.resource-tree details button{min-height:34px;padding:6px 8px;font-size:12px}.resource-tree button:hover,.resource-tree button.active{color:var(--text);background:#182029}.resource-tree button small{margin-left:auto;color:#69747e}.tree-state{flex:none;width:7px;height:7px;border-radius:50%;background:#68727a}.tree-state.running,.tree-state.ready{background:var(--green);box-shadow:0 0 8px #47d68f80}.tree-state.stopped,.tree-state.down{background:#cf9360}.admin-main{width:auto;max-width:none;margin:0;padding:0 28px 70px;overflow:hidden}.admin-header{position:sticky;top:126px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px;padding:17px 0;border-bottom:1px solid var(--line);background:#080b0ef2;backdrop-filter:blur(18px)}.admin-header h1{margin:2px 0 4px;font-size:25px}.admin-header p{margin:0}.admin-menus{display:flex;gap:7px}.menu{position:relative}.menu summary{list-style:none;cursor:pointer;padding:9px 13px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:750;background:var(--panel2)}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{border-color:var(--brown)}.menu-popover{position:absolute;z-index:20;right:0;top:calc(100% + 7px);display:grid;min-width:190px;padding:6px;border:1px solid var(--line);border-radius:11px;background:#11171c;box-shadow:0 16px 45px #000a}.menu-popover button{border:0;border-radius:7px;padding:10px;text-align:left;color:var(--text);background:transparent;cursor:pointer}.menu-popover button:hover{background:#202932}.admin-inspector:not(:empty){margin:18px 0 0}.inspector-summary{display:grid;grid-template-columns:70px repeat(5,minmax(100px,1fr));align-items:center;gap:16px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.inspector-summary>div{display:grid;gap:5px;min-width:0}.inspector-summary small{color:var(--muted);text-transform:capitalize}.resource-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;color:var(--brown2);background:#b784531f;font-size:24px}.admin-section-nav{top:230px;margin-inline:-28px;padding-inline:28px}.admin-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-summary-cards button{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel2);cursor:pointer;text-align:left}.admin-summary-cards button:hover{border-color:var(--brown)}.admin-summary-cards button>span:nth-child(2){display:grid;gap:3px}.admin-summary-cards small{color:var(--muted)}.admin-summary-cards strong{margin-left:auto;font-size:22px}.admin-card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--brown2);background:#b784531f;font-weight:900}.tree-collapsed{grid-template-columns:64px minmax(0,1fr)}.tree-collapsed .resource-sidebar-head>div,.tree-collapsed .tree-search,.tree-collapsed .resource-tree summary span+*,.tree-collapsed .resource-tree button span,.tree-collapsed .resource-tree button small,.tree-collapsed .resource-tree summary b{display:none}.tree-collapsed .resource-tree details>div{margin-left:10px;padding-left:0;border-left:0}.tree-collapsed #collapse-tree{transform:rotate(180deg)}.widget-settings{display:grid;gap:9px;margin-top:20px}.widget-setting{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.widget-setting label{display:flex;align-items:center;gap:10px;margin:0}.widget-setting input{width:auto}.widget-setting button{width:30px;height:30px;border:1px solid var(--line);color:var(--muted);background:#0b0f12;border-radius:7px;cursor:pointer}
@media(max-width:1000px){.admin-workspace{grid-template-columns:220px minmax(0,1fr)}.admin-summary-cards{grid-template-columns:1fr 1fr}.inspector-summary{grid-template-columns:55px repeat(2,minmax(100px,1fr))}.admin-header{align-items:flex-start}.admin-menus{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr}.dashboard-widget.span-two{grid-column:auto}.attention-list{grid-template-columns:1fr}.admin-workspace{display:block}.resource-sidebar{position:relative;top:0;width:auto;height:auto;max-height:340px;border-right:0;border-bottom:1px solid var(--line)}.admin-main{padding-inline:14px}.admin-header{position:relative;top:0;display:grid}.admin-section-nav{top:126px;margin-inline:-14px;padding-inline:14px}.admin-summary-cards{grid-template-columns:1fr}.workspace-tool{display:none}}
.settings-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.settings-details>div{display:grid;gap:5px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.settings-details small{color:var(--muted)}.settings-details b{overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.45}@media(max-width:560px){.settings-details{grid-template-columns:1fr}}
.resource-tree .tree-host>div{margin-left:13px}.resource-tree .tree-vm{margin:2px 0}.resource-tree .tree-vm>summary{min-height:34px;padding:6px 8px;font-size:12px}.resource-tree .tree-vm>summary small{margin-left:auto;color:#69747e}.resource-tree .tree-vm>div{margin:1px 0 5px 14px}.resource-tree .tree-service{padding-left:7px}.resource-tree .tree-service span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-empty{display:block;padding:6px 8px;color:#5f6972;font-size:11px;font-style:italic}.tree-state.template{background:var(--amber)}

/* Sprint 92 modern visual system and custom branding */
:root{--bg:#070a0f;--panel:#10151d;--panel2:#151c26;--line:#263140;--line-bright:#354356;--text:#f7f5f0;--muted:#94a0ae;--brown:#c9935d;--brown2:#f0bd83;--green:#4ade9b;--red:#ff7078;--amber:#f7c967;--shadow:0 18px 50px rgba(0,0,0,.22)}
body{background:radial-gradient(circle at 18% -10%,rgba(201,147,93,.1),transparent 33%),radial-gradient(circle at 92% 40%,rgba(47,124,109,.08),transparent 30%),var(--bg)}
.ambient{opacity:.08}.topbar{height:72px;padding-inline:clamp(18px,3vw,44px);border-bottom-color:#ffffff0d;background:rgba(7,10,15,.78);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.brand{gap:11px}.brand-mark{position:relative;overflow:hidden;width:40px;height:40px;border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 22px rgba(201,147,93,.16)}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:3px;background:#0d1219}.brand strong{font-size:14px;letter-spacing:-.01em}.brand small{font-size:9px;letter-spacing:.12em}
.topbar-actions{gap:9px}.search-box{height:38px;width:250px;border-color:#202a37;border-radius:11px;background:rgba(11,15,21,.76);transition:border-color .18s,box-shadow .18s}.search-box:focus-within{border-color:rgba(201,147,93,.72);box-shadow:0 0 0 3px rgba(201,147,93,.1)}.button{border-radius:9px;padding:9px 14px;box-shadow:inset 0 1px rgba(255,255,255,.2);transition:transform .16s,filter .16s,border-color .16s}.button:hover{transform:translateY(-1px)}
.workspace-nav{top:72px;min-height:48px;padding-inline:clamp(18px,3vw,44px);background:rgba(7,10,15,.86);border-bottom-color:#ffffff0d}.workspace-tab{position:relative;border-radius:8px;padding:9px 13px}.workspace-tab.active{box-shadow:none;background:#171e28}.workspace-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brown),var(--brown2))}.workspace-tool{margin-left:0}.workspace-tool#dashboard-settings-button{margin-left:auto}.appearance-tool{color:var(--muted)}
.provider-card,.metric-card,.data-section,.dashboard-widget{border-color:#222d3a;background:linear-gradient(145deg,rgba(18,24,33,.92),rgba(12,17,24,.92));box-shadow:var(--shadow)}.provider-card,.metric-card{border-radius:14px}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -30px -45px auto;width:100px;height:100px;border-radius:50%;background:rgba(201,147,93,.045)}.data-section,.dashboard-widget{border-radius:16px}.overall-status{border-color:#293544;background:rgba(16,21,29,.86);box-shadow:var(--shadow)}
.dashboard-widget,.metric-card,.provider-card,.service-card,.game-card,.stack-item{transition:transform .18s,border-color .18s,background .18s}.dashboard-widget:hover,.metric-card:hover,.provider-card:hover{border-color:#354357}.service-card:hover,.game-card:hover,.stack-item:hover{border-color:#3c4b5f}.chart-line{filter:drop-shadow(0 0 6px currentColor)}
.admin-workspace{min-height:calc(100vh - 120px)}.resource-sidebar{top:120px;height:calc(100vh - 120px);background:linear-gradient(180deg,#0b1017,#080c12);border-right-color:#202a36;padding:18px 11px}.admin-header{top:120px;min-height:98px;background:rgba(7,10,15,.9)}.admin-section-nav{top:218px;background:rgba(7,10,15,.92)}.resource-tree button.active{background:linear-gradient(90deg,#1b2734,#18212c);box-shadow:inset 2px 0 var(--brown)}.tree-search{border-color:#222d3a;background:#080c12}.menu summary{border-color:#2b3746;background:#141b24}.menu-popover{border-color:#344254;background:rgba(16,22,30,.98);box-shadow:0 22px 60px rgba(0,0,0,.5)}
.appearance-preview{display:flex;align-items:center;gap:13px;margin-bottom:24px;padding:15px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#171e28,#10151d)}.appearance-preview>span:last-child{display:grid;gap:3px}.appearance-preview small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.preview-mark{flex:none}.appearance-fields{margin-top:18px}.logo-picker input{padding:9px}.file-hint{color:var(--muted);font-weight:500;line-height:1.45}.appearance-fields label{margin-top:0}.appearance-preview img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.topbar{height:66px}.workspace-nav{top:66px}.appearance-tool{display:block;font-size:0;margin-left:auto}.appearance-tool:after{content:"Theme";font-size:12px}.admin-workspace{min-height:calc(100vh - 114px)}.resource-sidebar{top:0;height:auto}.appearance-fields{grid-template-columns:1fr}.appearance-fields .span-two{grid-column:auto}}
@media(max-width:560px){.brand>span:last-child{display:none}.topbar-actions{margin-left:auto}.topbar{gap:8px}.token-button{flex:none}}

/* Sprint 100: dense Proxmox-inspired graphite and lime admin workspace */
:root{--bg:#161816;--panel:#20231f;--panel2:#292d27;--line:#3b4038;--line-bright:#555c50;--text:#edf2e9;--muted:#a0a89b;--brown:#8fd629;--brown2:#b7f34c;--green:#8eea3f;--red:#ff6b72;--amber:#d7df58;--shadow:0 12px 32px rgba(0,0,0,.3)}
body{background:#171917}.ambient{display:none}.topbar{background:#20221f;border-bottom-color:#3b4038;box-shadow:none}.brand-mark,.dialog-mark{color:#152006;background:linear-gradient(135deg,#b7f34c,#72b91c);border-radius:3px}.button{color:#142006;background:#91d82e;border-color:#a7e842;border-radius:3px}.button.secondary{color:var(--text);background:#30342e;border-color:#50564c}.search-box,.tree-search{border-radius:2px;background:#171a16}
.workspace-nav{background:#292c28;border-bottom-color:#42473f;min-height:42px}.workspace-tab,.workspace-tool{border-radius:2px;padding-block:7px}.workspace-tab.active{background:#3a3e37;color:#caff72}.workspace-tab.active:after{left:0;right:0;bottom:-4px;background:#9be52f}
.admin-workspace{grid-template-columns:300px minmax(0,1fr)}.resource-sidebar{background:#20231f;border-right-color:#454a41;padding:10px 7px}.resource-sidebar-head{padding-bottom:8px}.resource-sidebar h2{font-size:15px}.resource-tree{gap:1px}.resource-tree details>summary,.tree-root{min-height:30px;padding:5px 7px;border-radius:1px}.resource-tree details button{min-height:28px;padding:4px 7px;border-radius:1px}.resource-tree button:hover{background:#343832}.resource-tree button.active{color:#172006;background:#9ade35;box-shadow:none}.resource-tree button.active small{color:#34451e}.tree-state.running,.tree-state.ready{background:#9bf044;box-shadow:0 0 7px #9bf04480}
.admin-main{padding:0 14px 54px}.admin-header{min-height:68px;padding:8px 4px;background:#242723;border-bottom-color:#484d44}.admin-header h1{font-size:18px}.admin-header .eyebrow{margin-bottom:3px}.admin-section-nav{background:#30332f;border:1px solid #474c43;margin-inline:0;padding:3px 6px}.admin-section-nav a{border-radius:1px;padding:6px 10px}.admin-section-nav a.active,.admin-section-nav a:hover{color:#caff76;background:#42473e}
.data-section,.dashboard-widget,.provider-card,.metric-card{border-radius:3px;background:#232621;border-color:#454a41;box-shadow:none}.data-section{padding:14px;margin-top:10px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:17px}.eyebrow{color:#a7ea46}.badge{border-radius:2px;background:#2d302b}.stack-item,.service-card,.game-card{border-radius:2px;background:#292c27}.service-grid{gap:5px}.stack-list{gap:4px}.icon-button,.menu summary{border-radius:2px;background:#30332e}.icon-button:hover,.menu summary:hover{color:#caff72;border-color:#8bd127}.menu-popover{border-radius:2px;background:#2b2e29}.menu-popover button:hover{background:#40453c;color:#caff72}
table{border:1px solid #3e433b}th{background:#30332e;color:#bdc5b7;padding:8px 10px}td{padding:9px 10px}.table-wrap tr:hover td{background:#2c302a}.state.running:before,.state.ready:before{background:#99ed42}.action-row{margin-top:7px}
.inspector-summary{border-radius:2px;background:#292c27}.resource-avatar{border-radius:2px;color:#192407;background:#9ade35}.settings-details>div{border-radius:2px;background:#292c27}.safety-note{padding:10px;border-left:3px solid var(--amber);background:#35382f;color:#dce3d5!important;font-size:12px}dialog{border-radius:3px;background:#242723}dialog input,.form-grid select,.form-grid input{border-radius:2px;background:#171a16}

/* Sprint 100 v2: deeper neutral graphite while preserving lime accents */
:root{--bg:#090b09;--panel:#111410;--panel2:#171a16;--line:#292e27;--line-bright:#41483d;--text:#edf2e9;--muted:#929b8e;--shadow:0 12px 32px rgba(0,0,0,.42)}
body{background:#090b09}.topbar{background:#111310;border-bottom-color:#292e27}.workspace-nav{background:#181b17;border-bottom-color:#30352d}.workspace-tab.active{background:#292d27}.search-box,.tree-search{background:#0b0d0b;border-color:#292e27}
.resource-sidebar{background:#10130f;border-right-color:#2b3028}.resource-tree button:hover{background:#22261f}.admin-header{background:#121511;border-bottom-color:#2c3129}.admin-section-nav{background:#1b1e1a;border-color:#30352e}.admin-section-nav a.active,.admin-section-nav a:hover{background:#2a2f27}
.data-section,.dashboard-widget,.provider-card,.metric-card{background:#111410;border-color:#2a2f28}.stack-item,.service-card,.game-card,.inspector-summary,.settings-details>div{background:#171a16;border-color:#30352d}.admin-summary-cards>button{background:#171a16;border-color:#30352d}.badge,.icon-button,.menu summary{background:#1d211c;border-color:#343a31}.menu-popover{background:#161915;border-color:#373d33}
.snapshot-create{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:18px 0}.snapshot-create label{margin:0}.snapshot-list{display:grid;gap:4px;max-height:320px;overflow:auto;border-block:1px solid var(--line);padding-block:8px}.snapshot-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px;background:#171a16;border:1px solid #292e27}.snapshot-row strong,.snapshot-row small{display:block}.snapshot-row small{margin-top:4px;color:var(--muted);font-size:11px}@media(max-width:560px){.snapshot-create{grid-template-columns:1fr}.snapshot-create .button{width:100%}}

/* Sprint 102: Proxmox-style resource workbench */
.resource-selected .admin-main>.admin-section-nav,.resource-selected .admin-main>.data-section,.resource-selected .admin-main>.split-grid,.resource-selected .admin-main>.search-empty{display:none!important}.resource-workbench{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:calc(100vh - 205px);border:1px solid var(--line);background:#0d100d}.resource-detail-nav{padding:8px;border-right:1px solid var(--line);background:#151815}.resource-detail-nav button{display:block;width:100%;min-height:34px;padding:7px 10px;border:0;border-left:3px solid transparent;color:var(--muted);background:transparent;text-align:left;font-weight:700;cursor:pointer}.resource-detail-nav button:hover{color:var(--text);background:#1e221d}.resource-detail-nav button.active{color:#baff54;border-left-color:#99e62e;background:#252a22}.resource-detail-content{min-width:0;padding:18px;background:#0f120f}.resource-detail-content .inspector-summary{margin:0}.resource-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.resource-panel-heading h2{margin:2px 0 0;font-size:19px}.inline-settings-form{max-width:950px}.inline-actions{display:flex;justify-content:flex-end;margin-top:14px}.resource-action-grid{display:flex;gap:8px;margin-top:18px}.resource-action-grid .icon-button{padding:9px 14px}.resource-loading{padding:24px}.resource-detail-content .settings-details{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.resource-workbench{grid-template-columns:1fr;min-height:0}.resource-detail-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.resource-detail-nav button{width:auto;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.resource-detail-nav button.active{border-bottom-color:#99e62e}.resource-detail-content{padding:13px}}
.resource-selected .admin-header{position:relative;top:0;z-index:2}.resource-selected .admin-inspector:not(:empty){margin-top:10px}.resource-selected .resource-workbench{min-height:calc(100vh - 218px)}
.resource-detail-content,.resource-detail-content *{min-width:0}.inspector-summary>div,.settings-details>div{min-width:0}.inspector-summary b,.settings-details b{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.resource-panel-copy{max-width:850px;margin:18px 0;line-height:1.6}.resource-detail-nav{max-height:calc(100vh - 238px);overflow-y:auto;scrollbar-width:thin}.resource-detail-nav button{white-space:normal}
.browser-terminal{border:1px solid #343a32;background:#050705;box-shadow:inset 0 0 28px #000}.terminal-output{height:420px;margin:0;padding:16px;overflow:auto;color:#baff54;background:#050705;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.terminal-command-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border-top:1px solid #343a32;background:#101310}.terminal-command-form input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-command-form .inline-error{grid-column:2/-1;margin:0}.terminal-prompt{color:#99e62e;font-weight:800}
.resource-log-view{max-height:calc(100vh - 330px);min-height:320px;margin:14px 0 0;padding:14px;overflow:auto;border:1px solid var(--line);background:#060806;color:#cbd5c6;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.resource-task-table{margin-top:14px;max-height:calc(100vh - 330px);overflow:auto}.resource-task-table table{min-width:760px}.resource-task-table td:last-child{max-width:520px;white-space:normal;overflow-wrap:anywhere}
.telemetry-settings{display:grid;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.telemetry-settings h3{margin:2px 0 0}.telemetry-series{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.telemetry-series label{display:flex;align-items:center;gap:9px;margin:0;padding:10px;border:1px solid var(--line);background:#171a16}.telemetry-series input{width:auto}.telemetry-series i{width:9px;height:9px;border-radius:50%}.telemetry-options{display:flex;align-items:end;justify-content:space-between;gap:14px}.telemetry-options label{margin:0}.telemetry-options select{min-width:180px;background:#0a0c0a;border-color:#343a31;color:var(--text)}@media(max-width:560px){.telemetry-series{grid-template-columns:1fr}.telemetry-options{align-items:stretch;flex-direction:column}}
table{border-color:#292e27}th{background:#1b1f1a;color:#b8c1b3}td{border-top-color:#292e27}.table-wrap tr:hover td{background:#161a15}.safety-note{background:#24281f}dialog{background:#121511;border-color:#343a31}dialog input,.form-grid select,.form-grid input{background:#0a0c0a;border-color:#343a31}