:root{--bg: #0b0f14;--panel: #0f1621;--panel2: #0c121b;--text: #e9eef5;--muted: #98a5b5;--border: rgba(255, 255, 255, .08);--accent: #2ef2a4;--accent2: #63a8ff;--danger: #ff4d6d;--warn: #ffcc66}*{box-sizing:border-box}html,body{height:100%;margin:0;background:radial-gradient(1200px 800px at 20% 10%,rgba(99,168,255,.16),transparent),radial-gradient(1000px 700px at 80% 20%,rgba(46,242,164,.12),transparent),linear-gradient(180deg,#070a0e,var(--bg));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}.app{display:grid;grid-template-columns:420px 1fr;height:100vh;gap:14px;padding:14px}@media (max-width: 980px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}}.panel{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #00000059;min-height:0}.panelHeader{display:flex;align-items:baseline;justify-content:space-between;padding:14px 14px 12px;border-bottom:1px solid var(--border)}.title{font-weight:750;letter-spacing:.2px}.subtitle{color:var(--muted);font-size:12px}.panelBody{padding:14px;overflow:auto;min-height:0;flex:1}.stack{display:flex;flex-direction:column;gap:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 980px){.row{grid-template-columns:1fr}}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#ffffff0a;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px;outline:none}.seg{display:flex;gap:8px}.segBtn{flex:1;border:1px solid var(--border);background:#ffffff0a;color:#e9eef5e6;padding:10px;border-radius:12px;cursor:pointer;font-weight:650}.segBtnOn{border-color:#63a8ff6b;background:linear-gradient(180deg,#63a8ff2e,#63a8ff0f);color:#e9eef5fa}.segBtn:active{transform:translateY(1px)}.field textarea{min-height:80px;resize:vertical}.hint{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.25}.btnRow{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:#ffffff0d;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:650;letter-spacing:.15px}.btnPrimary{border-color:#2ef2a459;background:linear-gradient(180deg,#2ef2a42e,#2ef2a40f)}.btnDanger{border-color:#ff4d6d59;background:linear-gradient(180deg,#ff4d6d29,#ff4d6d0f)}.btn:disabled{opacity:.5;cursor:not-allowed}.drop{border:1px dashed rgba(255,255,255,.22);border-radius:14px;padding:14px;background:#ffffff08}.dropStrong{border-color:#2ef2a48c}.kvs{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center}.kvK{color:var(--muted);font-size:12px}.kvV{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.jobs{display:flex;flex-direction:column;gap:10px}.jobCard{border:1px solid var(--border);border-radius:14px;background:#ffffff08;padding:12px;cursor:pointer}.jobCardActive{border-color:#63a8ff59;box-shadow:0 0 0 1px #63a8ff26 inset}.jobTop{display:flex;justify-content:space-between;gap:10px}.jobActions{display:flex;align-items:center;gap:8px}.iconBtn{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:#e9eef5d9;cursor:pointer;line-height:1;font-size:18px}.iconBtn:hover:not(:disabled){border-color:#ff4d6d59;color:#ff4d6df2}.iconBtn:disabled{opacity:.45;cursor:not-allowed}.badge{font-size:11px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.badgeOk{border-color:#2ef2a459;color:#2ef2a4e6}.badgeRun{border-color:#63a8ff59;color:#63a8fff2}.badgeFail{border-color:#ff4d6d59;color:#ff4d6df2}.bar{height:8px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);overflow:hidden;margin-top:10px}.barFill{height:100%;width:0%;background:linear-gradient(90deg,#2ef2a4e6,#63a8fff2)}.logBox{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.35;white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:#00000047;padding:12px;border-radius:14px}.md{border:1px solid var(--border);background:#ffffff05;border-radius:14px;padding:14px}.md h1,.md h2,.md h3{margin-top:0}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}
