:root{color-scheme:dark;--bg: #0c0f10;--panel: #151a1d;--line: #293035;--ink: #edf2f0;--muted: #9aa7a5;--accent: #d7ff5f;--cyan: #5de0d6;--red: #ff5c75}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Aptos,Segoe UI,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{border:1px solid var(--line);background:#20272b;color:var(--ink);border-radius:6px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}button:hover{border-color:var(--accent);color:var(--accent)}input,select{width:100%;border:1px solid var(--line);background:#0f1315;color:var(--ink);border-radius:6px;padding:10px 12px}a{color:var(--cyan);text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid var(--line);background:#101416;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:19px}.brand span{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:#111;border-radius:6px;font-weight:900}nav{display:grid;gap:6px}nav a{color:var(--muted);padding:11px;border-radius:6px;display:flex;gap:10px;align-items:center}nav a.active,nav a:hover{background:#1a2023;color:var(--ink)}.ghost{margin-top:auto;justify-content:center}.main{padding:28px;overflow-x:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}h1{margin:0;font-size:30px}h2{margin-top:28px}p{color:var(--muted);margin:4px 0 0}.actions,.rowActions{display:flex;flex-wrap:wrap;gap:8px}.metrics{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:12px}.metrics article{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.metrics span{color:var(--muted);text-transform:capitalize;font-size:13px}.metrics strong{font-size:33px}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase}td small{color:var(--muted);display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo,.emptyLogo{width:42px;height:42px;border-radius:6px;object-fit:contain;background:#0e1113;display:block}.badge{padding:5px 8px;border-radius:999px;font-size:12px;background:#30363a;color:var(--muted)}.badge.running{background:#123d2e;color:#62f0a5}.badge.starting{background:#17334b;color:#6ec6ff}.badge.error{background:#471b25;color:var(--red)}.badge.stopping{background:#442b13;color:#ffb55c}.inlineForm{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;margin-bottom:18px}.playlistForm{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.formRow{display:grid;grid-template-columns:1fr 2fr;gap:10px}.fileDrop{grid-column:1 / -1;min-height:76px;border:1px dashed #465158;border-radius:8px;background:#101517;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);cursor:pointer}.fileDrop input{display:none}.toggles{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:18px}.notice{display:inline-flex;margin:0 0 16px;padding:9px 12px;border:1px solid #38432d;border-radius:6px;background:#192113;color:var(--accent)}.defaultPill{display:inline-flex;align-items:center;gap:6px;color:var(--accent);background:#202915;border:1px solid #3b4a20;border-radius:999px;padding:5px 8px;font-size:12px}.editForm,.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;max-width:980px}.settingsPanels{display:grid;grid-template-columns:minmax(280px,420px) minmax(340px,1fr);gap:14px;margin-bottom:16px}.settingsPanel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;gap:14px;align-content:start}.panelTitle{display:flex;align-items:flex-start;gap:10px}.panelTitle h2{margin:0;font-size:17px}.panelTitle p{font-size:13px}.fileDrop.compact{min-height:58px}.advancedSettings{background:#101416;border:1px solid var(--line);border-radius:8px;padding:14px}label{display:grid;gap:7px;color:var(--muted)}label:has(input[type=checkbox]){display:flex;align-items:center}input[type=checkbox]{width:auto}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#1c2424,#080a0b 55%)}.loginPanel{width:min(390px,calc(100vw - 32px));display:grid;gap:13px;background:#121719;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 40px 120px #000a}.mark{width:48px;height:48px;display:grid;place-items:center;background:var(--accent);color:#101010;border-radius:6px}.error{color:var(--red)}.loglist{display:grid;gap:8px}pre{margin:0;white-space:pre-wrap;background:#090b0c;border:1px solid var(--line);border-radius:6px;padding:12px;color:#c9d6d2;max-height:300px;overflow:auto}.toast{position:fixed;right:22px;bottom:22px;background:var(--accent);color:#111;padding:12px 16px;border-radius:6px;font-weight:800}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.metrics,.editForm,.settingsGrid,.settingsPanels,.inlineForm,.playlistForm,.formRow{grid-template-columns:1fr}.topbar{align-items:stretch;flex-direction:column}}