:root{--ink:#17223b;--muted:#718096;--primary:#5b5bd6;--primary-dark:#4646b8;--surface:#fff;--line:#e7eaf1;--bg:#f5f7fb;--green:#1f9d72;--red:#dc5364;--amber:#d69127}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}.app-header{background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#6969e6,#4747b7);font-size:1.35rem;box-shadow:0 7px 18px #5b5bd633}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem}.brand small{color:var(--muted);font-size:.72rem}.environment{font-size:.78rem;color:var(--muted);padding:.5rem .75rem;border:1px solid var(--line);border-radius:20px}.hero{padding:3rem;border-radius:20px;color:#fff;background:radial-gradient(circle at 80% 10%,#7474e4 0,transparent 35%),linear-gradient(135deg,#202a4c,#383b79);box-shadow:0 16px 38px #24315820}.eyebrow{display:block;color:#7779dd;font-size:.7rem;font-weight:800;letter-spacing:.13em;margin-bottom:.6rem}.hero .eyebrow{color:#b9baff}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.hero h1 span{color:#aaaaff}.hero p{max-width:620px;color:#d5d8eb;font-size:1rem;margin:1.25rem 0 2.2rem}.hero-flow{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.hero-flow span{padding:.65rem .8rem;border-radius:10px;background:#ffffff12;border:1px solid #ffffff20;font-size:.82rem}.panel{padding:2rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px #27325b0b}.panel-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eeeeff;color:var(--primary);font-size:1.3rem}.panel h2{font-size:1.3rem;margin:.9rem 0 .3rem}.form-control{padding:.75rem .9rem;border-color:#dce0e9}.form-control:focus{border-color:#8585e8;box-shadow:0 0 0 .2rem #5b5bd61a}.btn-primary{background:var(--primary);border-color:var(--primary);padding:.75rem}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.panel-heading{padding:1.5rem 1.75rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0}.counter{font-size:.75rem;color:var(--muted);background:var(--bg);padding:.45rem .7rem;border-radius:15px}.table>:not(caption)>*>*{padding:1rem 1.5rem;border-color:var(--line)}.table thead th{font-size:.68rem;letter-spacing:.08em;color:var(--muted);background:#fafbfe}.status{display:inline-flex;align-items:center;gap:.45rem;border-radius:20px;padding:.4rem .7rem;font-size:.74rem;font-weight:700;background:#eef0f5;color:#687386}.status i,.live i{width:7px;height:7px;border-radius:50%;background:currentColor}.status-running,.status-pending{color:var(--amber);background:#fff7e8}.status-success{color:var(--green);background:#eaf8f3}.status-failed{color:var(--red);background:#ffedf0}.status-lg{font-size:.82rem;padding:.55rem .85rem}.empty-state{text-align:center;padding:4rem;color:var(--muted)}.empty-state i{font-size:2.5rem}.empty-state h3{color:var(--ink);font-size:1rem;margin-top:.8rem}.back-link{color:var(--muted);font-size:.85rem;text-decoration:none}.detail-heading{display:flex;justify-content:space-between;align-items:center}.detail-heading h1{font-size:2rem;margin:0}.detail-heading p{color:var(--muted);margin:.3rem 0}.metric{display:flex;align-items:center;gap:1rem;padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:15px}.metric>i{font-size:1.5rem;color:var(--primary);background:#eeeefe;border-radius:10px;padding:.65rem}.metric small,.metric strong{display:block}.metric small{font-size:.65rem;color:var(--muted);letter-spacing:.1em}.metric strong{font-size:1.15rem;margin-top:.2rem}.console-panel{overflow:hidden;border-radius:16px;background:#141a2d;box-shadow:0 14px 35px #17223b22}.console-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;color:#d8dced;background:#1c243c;border-bottom:1px solid #303953;font-size:.8rem}.live{display:flex;align-items:center;gap:.4rem;color:#72deb8;font-size:.65rem;font-weight:800;letter-spacing:.1em}.live i{animation:pulse 1.4s infinite}#output{min-height:370px;max-height:560px;overflow:auto;margin:0;padding:1.4rem;color:#cbd3e8;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}@keyframes pulse{50%{opacity:.25}}@media(max-width:767px){.hero{padding:2rem}.environment{display:none}.panel-heading,.detail-heading{align-items:flex-start;gap:1rem;flex-direction:column}.table>:not(caption)>*>*{padding:.8rem}.detail-heading h1{font-size:1.6rem}}