:root{color-scheme:dark;--bg:#202327;--panel:#292d32;--panel2:#31363d;--line:#444b54;--text:#edf2f7;--muted:#a8b1bd;--accent:#57b5df;--accent2:#236c93;--danger:#e87878;--shadow:0 16px 48px #10121555;font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}
[data-theme=light]{color-scheme:light;--bg:#eef1f4;--panel:#fff;--panel2:#f5f7f9;--line:#cbd2da;--text:#18212a;--muted:#63707d;--accent:#087cad;--accent2:#d9eff8;--danger:#b52d38;--shadow:0 16px 48px #26374818}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--accent);background:var(--accent);color:#10212a;border-radius:6px;padding:.55rem .8rem;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.ghost{background:transparent;color:var(--text);border-color:var(--line)}input,select,textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:.55rem}textarea{min-height:180px;resize:vertical}label{display:grid;gap:.35rem;color:var(--muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(430px,100%);padding:2.2rem;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:1rem}.eyebrow{font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.16em;color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:1.9rem;line-height:1.1}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:var(--panel);border-bottom:1px solid var(--line)}header>div{display:flex;align-items:center;gap:.75rem}.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--accent);color:#10212a;font-weight:900}.header-actions{display:grid;grid-template-columns:minmax(150px,260px) auto auto!important}.header-actions button{white-space:nowrap}nav{display:flex;overflow-x:auto;background:var(--panel);border-bottom:1px solid var(--line);padding:0 .5rem}nav button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:.85rem .75rem;white-space:nowrap}nav button.selected{color:var(--text);border-bottom-color:var(--accent);background:var(--panel2)}main{min-height:0;padding:1rem;overflow:auto}.toolbar{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.toolbar input{width:min(320px,100%)}.split{display:grid;grid-template-columns:minmax(260px,34%) 1fr;min-height:calc(100vh - 160px);background:var(--panel);border:1px solid var(--line)}.master{border-right:1px solid var(--line);resize:horizontal;overflow:auto;min-width:240px;max-width:55vw}.detail,.master{padding:1rem}.list{display:grid;gap:.35rem;margin-top:.75rem}.list button{text-align:left;background:transparent;color:var(--text);border-color:transparent;font-weight:500}.list button:hover,.list button.selected{background:var(--panel2);border-color:var(--line)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}.card{padding:1rem;background:var(--panel);border:1px solid var(--line);display:grid;gap:.5rem}.metric{font:700 1.25rem/1.2 ui-monospace,monospace}.badge{display:inline-flex;width:max-content;border:1px solid var(--line);padding:.15rem .45rem;border-radius:999px;color:var(--muted);font-size:.8rem}.connected{color:#6fd69a}.unavailable{color:var(--danger)}.step{border-left:3px solid var(--accent2);padding:.65rem .8rem;margin:.5rem 0;background:var(--panel2)}.step code{color:var(--accent)}.placeholder{max-width:620px;margin:8vh auto;padding:2rem;border:1px dashed var(--line);text-align:center;display:grid;gap:.6rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);max-width:460px}dialog::backdrop{background:#0b0d1099}#toast{position:fixed;right:1rem;bottom:1rem;background:var(--panel);border:1px solid var(--line);padding:.7rem 1rem;box-shadow:var(--shadow);display:none;max-width:420px}.asset-thumb{height:120px;display:grid;place-items:center;background:linear-gradient(135deg,var(--panel2),var(--bg));color:var(--muted);font:700 12px ui-monospace,monospace;overflow:hidden}.asset-thumb img{width:100%;height:100%;object-fit:contain}
.subnav{display:flex;gap:.4rem;overflow-x:auto;margin-bottom:1rem;padding:.4rem;background:var(--panel);border:1px solid var(--line);position:sticky;top:0;z-index:2}.subnav button{white-space:nowrap;background:transparent;color:var(--text);border-color:var(--line)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;align-items:end}.form-grid textarea{grid-column:1/-1}.form-grid label:has(input[type=checkbox]){display:flex;align-items:center;gap:.5rem}.form-grid input[type=checkbox]{width:auto}.pill-list{display:flex;gap:.35rem;flex-wrap:wrap}.detail>h2,.detail>h3,#workspace>h2{margin:1.2rem 0 .7rem}.card pre{white-space:pre-wrap;overflow-wrap:anywhere}.card a{color:var(--accent)}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.4rem;margin:.75rem 0}.permission-grid label{display:flex;align-items:center;gap:.4rem;overflow-wrap:anywhere}.permission-grid input{width:auto}
@media(max-width:850px){header{height:auto;align-items:flex-start;gap:.6rem;padding:.7rem;flex-direction:column}.header-actions{width:100%;grid-template-columns:1fr auto auto!important}.split{grid-template-columns:1fr;min-height:auto}.master{resize:none;max-width:none;border-right:0;border-bottom:1px solid var(--line);max-height:38vh}main{padding:.65rem}.card-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.header-actions{grid-template-columns:1fr 1fr!important}.header-actions select{grid-column:1/-1}.card-grid,.form-grid{grid-template-columns:1fr}}