:root{color-scheme:dark;--bg:#0a0c11;--panel:#12151c;--line:#252a35;--muted:#858d9d;--text:#f3f5f8;--accent:#d8ff45;--good:#52e6a1;--bad:#ff6074}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 14% -10%,#1d2330 0,transparent 36%),var(--bg);color:var(--text);font:14px Inter,Segoe UI,sans-serif;min-height:100vh}
main{max-width:1240px;margin:auto;padding:34px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.brand{display:flex;gap:14px;align-items:center}.mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent);color:#0b0d12;font-size:25px;font-weight:900;box-shadow:0 0 32px #d8ff4530}h1,h2,p{margin:0}h1{font-size:23px;letter-spacing:-.6px}.brand p,.panel-title p{color:var(--muted);margin-top:4px}.run-pill{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:100px;padding:9px 14px;color:var(--muted)}.run-pill span,.status-card i{width:8px;height:8px;border-radius:50%;background:#4f5664}.run-pill.running span,.status-card i.online,.status-card i.always{background:var(--good);box-shadow:0 0 12px #52e6a170}.run-pill.running{color:var(--text)}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.status-card{position:relative;display:flex;gap:14px;align-items:center;background:linear-gradient(140deg,#151922,#101319);border:1px solid var(--line);border-radius:17px;padding:20px}.status-icon{width:42px;height:42px;border-radius:12px;background:#202530;display:grid;place-items:center;color:var(--accent);font-weight:800}.status-card small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.3px}.status-card strong{display:block;font-size:16px;margin:4px 0}.status-card p{color:var(--muted);font-size:12px}.status-card i{position:absolute;right:18px;top:18px}
.layout{display:grid;grid-template-columns:minmax(500px,1.3fr) minmax(300px,.7fr);gap:14px}.panel{background:#11141a;border:1px solid var(--line);border-radius:18px;padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}h2{font-size:17px;letter-spacing:-.25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;color:#b7bdc8;font-size:12px;font-weight:600}input,select{width:100%;border:1px solid #303644;background:#0d1015;color:var(--text);border-radius:10px;padding:12px 13px;font:inherit;outline:none;transition:.2s}input:focus,select:focus{border-color:#899f35;box-shadow:0 0 0 3px #d8ff4510}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:16px 0}summary{display:flex;justify-content:space-between;cursor:pointer;color:#cdd1d9;font-weight:600;list-style:none}.advanced{margin-top:18px}.actions{display:flex;align-items:center;gap:16px;margin-top:22px}button{font:inherit;border:0;cursor:pointer}.primary{background:var(--accent);color:#0b0d12;padding:12px 20px;border-radius:10px;font-weight:800}.primary.stop{background:var(--bad);color:white}.ghost{background:transparent;color:var(--muted);padding:5px}.actions span{color:var(--muted);font-size:12px}
.monitor{display:flex;min-height:470px;flex-direction:column}.meter{height:7px;border-radius:10px;background:#242936;overflow:hidden;margin-bottom:20px}.meter div{height:100%;width:0;background:linear-gradient(90deg,var(--good),var(--accent));transition:width .15s}.logs{overflow:auto;max-height:360px;padding-right:5px}.log{display:grid;grid-template-columns:65px 8px 1fr;gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid #20242d;color:#c8cdd6;font-size:12px}.log time{color:#626a79}.log b{width:7px;height:7px;border-radius:50%;background:#687080;margin-top:4px}.log.success b{background:var(--good)}.log.warn b{background:#ffc65c}.log.error b{background:var(--bad)}.empty{color:#656d7b;text-align:center;padding-top:90px}
@media(max-width:850px){main{padding:22px}.layout{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.monitor{min-height:300px}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.actions{align-items:flex-start;flex-direction:column}}