:root {
  color-scheme: dark;
  --bg:#07100d; --panel:#0d1915; --panel2:#11221b; --line:#263c32;
  --text:#edf7f1; --muted:#90aa9d; --mint:#67e6ac; --amber:#f5bf62;
  --red:#ff7979; --blue:#6fb8ff; --radius:16px;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 85% 0,#163629 0,transparent 34%),var(--bg);color:var(--text);font:14px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header,main{width:min(1240px,calc(100% - 32px));margin:auto}
header{display:flex;justify-content:space-between;gap:24px;padding:40px 0 24px}
h1,h2,p{margin:0} h1{font-size:clamp(30px,5vw,54px);letter-spacing:-.04em} h2{font-size:20px}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--mint);font-weight:800}
.sub,.section-head p,.hint{color:var(--muted)}
.sub{max-width:720px;margin-top:8px}.header-actions,.dialog-actions{display:flex;gap:10px;align-items:center}
button{border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:9px 14px;cursor:pointer;font-weight:700}
button:hover{border-color:var(--mint)} button.danger{color:var(--red)} button.warn{color:var(--amber)}
main{display:grid;gap:20px;padding-bottom:56px}
section,.two-col>article{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);border-radius:var(--radius);padding:20px;box-shadow:0 20px 60px #0005}
.banner{border-left:4px solid var(--amber);color:var(--amber)}
.banner.ok{border-left-color:var(--mint);color:var(--mint)}.banner.error{border-left-color:var(--red);color:var(--red)}
.status-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;padding:1px;background:var(--line);overflow:hidden}
.status-grid article{background:var(--panel);padding:16px}.status-grid span{display:block;color:var(--muted);font-size:12px}.status-grid strong{display:block;margin-top:5px;font-size:16px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase}
.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.live,.active,.ready{color:var(--mint)}.stale,.paused,.recovering{color:var(--amber)}.error,.stopped,.recovery_required{color:var(--red)}
.strategy-list{display:grid;gap:12px}.strategy{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--panel2)}
.strategy-top{display:flex;justify-content:space-between;gap:14px}.strategy h3{margin:0;font-size:18px}.strategy-meta{color:var(--muted);margin-top:4px}.strategy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.metric{border-top:1px solid var(--line);padding-top:8px}.metric span{display:block;color:var(--muted);font-size:11px}.metric strong{font-size:13px}.strategy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0;border:0;background:none;box-shadow:none}.feed{max-height:380px;overflow:auto;display:grid;gap:8px}.feed-item{border-left:2px solid var(--line);padding:7px 10px}.feed-item small{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:18px}
dialog{width:min(720px,calc(100% - 24px));border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:22px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}
label{display:grid;gap:5px;color:var(--muted);font-size:12px}input,select{width:100%;border:1px solid var(--line);border-radius:9px;background:#08120e;color:var(--text);padding:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.dialog-actions{justify-content:flex-end;margin-top:18px}
@media(max-width:900px){.status-grid{grid-template-columns:repeat(3,1fr)}.strategy-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}
@media(max-width:600px){header{display:grid;padding-top:24px}.status-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.section-head{align-items:start}.strategy-top{display:grid}}