:root{--bg:#0b0f14;--card:#121923;--muted:#8b98a9;--text:#eef4fb;--line:#243040;--accent:#4aa3ff;--danger:#ff5e6c;--ok:#55d68a}
*{box-sizing:border-box} body{margin:0;background:linear-gradient(180deg,#081019 0%,#0b0f14 35%);color:var(--text);font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}
.app{max-width:760px;margin:auto;padding:18px 14px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--accent);font-weight:800}.topbar h1{margin:2px 0 0;font-size:28px;letter-spacing:-.04em}.user-pill{border:1px solid var(--line);background:#10161f;padding:7px 10px;border-radius:999px;color:#cbd6e3;font-size:12px}
.hero{border:1px solid var(--line);border-radius:20px;padding:16px;background:radial-gradient(circle at 100% 0%,#19324c 0,#121923 43%,#10161e 100%);box-shadow:0 16px 40px rgba(0,0,0,.18)}.hero-title{font-weight:700}.status-line{display:flex;gap:8px;align-items:center;margin-top:7px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#6c7785}.dot.ok{background:var(--ok);box-shadow:0 0 12px rgba(85,214,138,.7)}.dot.bad{background:var(--danger)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metric{border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px;background:rgba(5,10,16,.26)}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{font-size:25px;display:inline-block;margin-right:5px}
.card{background:rgba(18,25,35,.96);border:1px solid var(--line);border-radius:18px;padding:15px;margin-top:14px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.card h2{margin:0;font-size:15px}.muted{color:var(--muted);font-size:12px}.composer textarea{width:100%;min-height:130px;resize:vertical;background:#0c1219;color:var(--text);border:1px solid #273444;border-radius:13px;padding:12px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.composer textarea:focus{border-color:#356eaa}.row{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.file-btn,.depth,button{border:1px solid var(--line);background:#0e151e;color:#e7eef6;border-radius:11px;padding:10px 12px;font-weight:700;font-size:12px;cursor:pointer}.file-btn input{display:none}.depth select{background:transparent;color:inherit;border:0;outline:0}.primary{margin-left:auto;background:var(--accent);border-color:var(--accent);color:#06101b}.danger{background:transparent;border-color:rgba(255,94,108,.45);color:#ff9aa4}.ghost{background:#0f151d}.message{min-height:20px;margin-top:8px;color:#a7d1ff;font-size:12px}.note{margin-top:7px;color:#778496;font-size:10px}
.job{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);justify-content:space-between}.job:first-child{border-top:0}.job-id code{font-size:12px;color:#d8e8fb}.tag{display:inline-block;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:900;letter-spacing:.06em}.tag.running{background:rgba(85,214,138,.12);color:var(--ok)}.tag.completed{background:rgba(74,163,255,.12);color:#8ec6ff}.tag.stopped,.tag.failed{background:rgba(255,94,108,.12);color:#ff9aa4}.job-sub{font-size:11px;color:var(--muted);margin-top:5px}.job-progress{display:flex;gap:13px;margin-top:8px}.job-progress div{display:flex;flex-direction:column}.job-progress span{font-size:9px;color:#738197}.job-progress b{font-size:12px}.job-actions{display:flex;align-items:center}.empty{padding:20px 0;color:var(--muted);text-align:center;font-size:12px}
@media(max-width:560px){.app{padding:14px 10px 28px}.metrics{gap:7px}.metric{padding:10px}.metric strong{font-size:20px}.primary{margin-left:0;flex:1}.job{align-items:flex-start}.job-actions{align-self:flex-end}.job-actions button{white-space:nowrap}.job-progress{gap:8px}}