:root{--blue:#1463ff;--dark:#0f172a;--muted:#64748b;--bg:#f3f6fb;--white:#fff;--green:#16a34a;--red:#dc2626;--border:#dbe3ef}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--dark)}header{background:linear-gradient(135deg,#0f172a,#1747a6);color:#fff;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center}header h1{margin:0;font-size:24px}.wrap{max-width:1200px;margin:24px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.06);margin-bottom:18px}.stat strong{display:block;font-size:30px;margin-top:8px}.muted{color:var(--muted)}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:block;font-weight:600;margin-bottom:6px}input,select,textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:9px;font:inherit}button{border:0;border-radius:9px;padding:11px 16px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}button.secondary{background:#475569}button.danger{background:var(--red)}button.success{background:var(--green)}button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--border);font-size:14px}th{color:#475569}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e2e8f0}.badge.completed{background:#dcfce7;color:#166534}.badge.failed{background:#fee2e2;color:#991b1b}.badge.pending,.badge.processing{background:#fef3c7;color:#92400e}.notice{padding:12px;border-radius:9px;margin:10px 0;background:#e0f2fe}.error{background:#fee2e2;color:#991b1b}.login{max-width:420px;margin:10vh auto}.hidden{display:none!important}.diagram{font-family:monospace;white-space:pre-wrap;background:#0f172a;color:#dbeafe;padding:16px;border-radius:12px;line-height:1.45}@media(max-width:850px){.grid,.row{grid-template-columns:1fr 1fr}}@media(max-width:550px){.grid,.row{grid-template-columns:1fr}header{align-items:flex-start;gap:12px;flex-direction:column}.tablewrap{overflow:auto}}