:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172036;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:.55rem;background:#155eef;color:#fff;font-weight:700;padding:.65rem 1rem}button:disabled{opacity:.65;cursor:progress}a{color:#155eef;text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh}.topbar{min-height:4.25rem;background:#101828;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:.75rem clamp(1rem,4vw,3rem);gap:1rem}.brand{color:#fff;font-size:1.1rem;font-weight:800;text-decoration:none}.account{display:flex;align-items:center;gap:1rem;font-size:.9rem}.button-quiet{color:#155eef;background:#eef4ff}.topbar .button-quiet{background:#344054;color:#fff}.body{display:grid;grid-template-columns:13rem minmax(0,1fr);min-height:calc(100vh - 4.25rem)}nav{padding:1rem;background:#fff;border-right:1px solid #e4e7ec;display:flex;flex-direction:column;gap:.25rem}nav a{color:#475467;font-weight:650;padding:.65rem .75rem;border-radius:.45rem}nav a.active{color:#1248b8;background:#eef4ff}main{max-width:1180px;width:100%;margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.page-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1.5rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.65rem,3vw,2.2rem);margin-bottom:.35rem}h2{font-size:1.1rem}h3{font-size:1rem;margin-top:1.5rem}.page-heading>div>p:last-child{color:#667085;margin-bottom:0}.eyebrow{color:#155eef;font-size:.72rem;font-weight:800;letter-spacing:.08em}.panel,.card,.state,.login-card{background:#fff;border:1px solid #e4e7ec;box-shadow:0 1px 2px #1018280d;border-radius:.75rem}.panel{margin-bottom:1rem;padding:1.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{color:inherit;padding:1rem;display:block}.card:hover{border-color:#98a2b3;text-decoration:none}.card p,small{color:#667085}.row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.status{display:inline-block;border-radius:999px;padding:.18rem .55rem;text-transform:capitalize;background:#f2f4f7;color:#344054;font-size:.77rem;font-weight:750;white-space:nowrap}.status-idle,.status-completed,.status-success,.status-active{background:#ecfdf3;color:#067647}.status-working,.status-running,.status-dispatched,.status-awaiting_confirmation{background:#eff8ff;color:#175cd3}.status-failed,.status-error,.status-cancelled,.status-timed_out,.status-disabled{background:#fef3f2;color:#b42318}.state{margin:2rem auto;max-width:38rem;padding:1.5rem;text-align:center;color:#667085}.state h2{color:#172036}.state-loading{background:transparent;box-shadow:none;border:0}.state-error,.notice.error{border-color:#fecdca;background:#fef3f2;color:#b42318}.notice{border:1px solid;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem}.facts{display:grid;grid-template-columns:minmax(9rem,1fr) 2fr;gap:.65rem 1rem;margin:0}.facts dt{color:#667085}.facts dd{margin:0;font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #eaecf0;vertical-align:top}th{color:#667085;font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}pre{background:#101828;color:#e4e7ec;padding:1rem;border-radius:.5rem;overflow:auto;font-size:.8rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:.5rem;padding:.65rem .7rem;color:#172036;background:#fff}textarea{min-height:5rem;resize:vertical}.filters input{flex:1 1 10rem}.select-label{display:block;max-width:28rem;margin-bottom:1rem;font-weight:650}.select-label select{margin-top:.4rem}.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.button-danger{background:#b42318}.button-link{display:inline-block;border-radius:.55rem;background:#155eef;color:#fff;padding:.65rem 1rem;font-weight:700;text-decoration:none}.button-link:hover{color:#fff;text-decoration:none}.profile-form{display:grid;gap:1rem;max-width:52rem}.profile-form label{display:grid;gap:.4rem;font-weight:650}fieldset{border:1px solid #d0d5dd;border-radius:.55rem;padding:1rem}legend{font-weight:750;padding:0 .3rem}.help-text{color:#667085;font-size:.9rem}.parameter-row{display:grid;grid-template-columns:1fr 1fr 1.5fr auto auto;gap:.5rem;margin-bottom:.55rem;align-items:center}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.45rem!important;font-weight:600!important}.check input{width:auto}.confirmation{align-self:end;min-height:2.7rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.code-input{min-height:14rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.warning{border-left:4px solid #f79009;background:#fffaeb;padding:.75rem 1rem;color:#7a2e0e}.preview-box,.task-created{margin-top:1rem;border:1px solid #b2ddff;border-radius:.55rem;padding:1rem;background:#f5faff}.task-created{border-color:#abefc6;background:#ecfdf3}.step-editor{border-top:1px solid #eaecf0;margin:1rem 0;padding:1rem 0;display:grid;gap:.75rem}.step-editor:first-of-type{border-top:0;padding-top:0}.video-picker{display:grid;gap:.6rem}.video-option{display:flex;align-items:center;gap:.75rem;border:1px solid #d0d5dd;border-radius:.55rem;padding:.75rem;cursor:pointer}.video-option.selected{border-color:#155eef;background:#eff8ff}.video-option input{width:auto}.video-option span{display:grid;gap:.2rem}.login-page{min-height:100vh;padding:1rem;display:grid;place-items:center;background:radial-gradient(circle at top,#dbeafe,#f5f7fb 55%)}.login-card{width:min(100%,26rem);padding:2rem}.login-card label{display:block;font-weight:650;margin:1rem 0}.login-card label input{margin-top:.4rem}.login-card button{width:100%;margin-top:.5rem}@media (max-width: 720px){.topbar{align-items:flex-start;flex-direction:column}.account{width:100%;justify-content:space-between}.body{display:block}nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e4e7ec}nav a{white-space:nowrap}.page-heading{flex-direction:column}.facts{grid-template-columns:1fr;gap:.25rem}.facts dd{margin-bottom:.65rem}.parameter-row,.form-grid{grid-template-columns:1fr}}