:root{--bg:#0b0d10;--panel:#12151a;--panel2:#171b21;--line:#272c34;--text:#f5f3ed;--muted:#9299a4;--gold:#f0ad3d;--gold2:#ffd177;--green:#49c982;--red:#ef6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#332514 0,transparent 33%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:40px;background:#0b0d10e8;backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.brand{color:#fff;text-decoration:none;font-weight:800;font-size:18px;display:flex;align-items:center;gap:11px}.brand em{color:var(--gold);font-style:normal}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--gold);color:#12100c;border-radius:9px;font-size:13px}.topbar nav{display:flex;gap:28px}.topbar nav a{color:var(--muted);text-decoration:none;font-weight:650}.topbar nav a:hover{color:#fff}.status-dot{margin-left:auto;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.status-dot i,.connection i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 12px #49c98280}main{max-width:1240px;margin:0 auto;padding:48px 24px 80px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:end;padding:46px 0 58px}.eyebrow{color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.16em;margin:0 0 11px}.hero h1,.page-heading h1{font-size:clamp(39px,5vw,65px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:760px}.lede,.page-heading>p,.page-heading div>p:last-child{color:var(--muted);font-size:18px;max-width:720px}.new-job{background:linear-gradient(145deg,#1b1d21,#121419);border:1px solid #343840;padding:25px;border-radius:18px;box-shadow:0 20px 60px #0006}label{display:block;color:#c7cbd2;font-weight:650;font-size:13px;margin-bottom:16px}input,select{width:100%;margin-top:7px;background:#0d1014;border:1px solid #303641;border-radius:9px;color:#fff;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--gold)}button,.button-link{border:0;border-radius:9px;padding:12px 17px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:var(--gold);color:#17120a}.primary:hover{background:var(--gold2)}.secondary{background:#20252c;color:#eceff3;border:1px solid #363d47}.button-row{display:flex;gap:10px;margin-top:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric,.panel{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));border-radius:15px}.metric{padding:21px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{font-size:25px;display:block;margin:7px 0 2px;letter-spacing:-.03em}.metric small{font-size:11px}.panel{padding:25px;margin-bottom:14px}.cost-panel{display:grid;grid-template-columns:280px 1fr;gap:35px;align-items:center}.panel h2{margin:0;font-size:23px}.cost-bar{display:flex;height:68px;border-radius:9px;overflow:hidden;border:1px solid #313741}.cost-bar div{width:var(--share);min-width:90px;background:#d69731;color:#17120a;padding:10px;border-right:1px solid #15100a44;display:flex;flex-direction:column;justify-content:center}.cost-bar div:nth-child(2){background:#eab44d}.cost-bar div:nth-child(3){background:#f3cb76}.cost-bar div:nth-child(4){background:#b99150}.cost-bar span{font-size:10px;text-transform:uppercase;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.text-link{color:var(--gold);text-decoration:none}.jobs{border-top:1px solid var(--line)}.job-row{display:grid;grid-template-columns:44px minmax(250px,1fr) 220px 105px;gap:16px;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.job-row:hover{background:#ffffff03}.job-icon{width:38px;height:38px;border:1px solid #343a44;border-radius:8px;display:grid;place-items:center;color:var(--gold);font-weight:800}.job-main strong,.job-main span{display:block}.job-main span{color:var(--muted);font-size:12px}.progress{height:6px;background:#292e36;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#b97a1f,var(--gold2));border-radius:10px}.progress.big{height:12px}.pill{justify-self:end;border:1px solid #3a4049;padding:5px 9px;border-radius:99px;color:#bac0c9;font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.06em}.pill.complete,.pill.scheduled{border-color:#2b7650;color:#61d897}.pill.failed{border-color:#8d4242;color:#ff8585}.pill.large{font-size:12px;padding:9px 14px}.empty{padding:40px;text-align:center;color:var(--muted)}.empty strong,.empty span{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 40px}.page-heading h1{font-size:48px}.notice{padding:15px 18px;border-radius:10px;margin-bottom:16px}.notice.success{background:#143323;border:1px solid #286344}.notice.error{background:#351b1b;border:1px solid #713838}.notice form{display:inline;margin-left:20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card{margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle{display:flex;align-items:center;gap:10px;margin:14px 0}.toggle input{display:none}.toggle span{width:38px;height:22px;background:#363c45;border-radius:99px;position:relative}.toggle span:after{content:"";width:16px;height:16px;background:#aeb4bc;border-radius:50%;position:absolute;top:3px;left:3px;transition:.15s}.toggle input:checked+span{background:#96671e}.toggle input:checked+span:after{left:19px;background:var(--gold2)}.explain,.hint{padding:12px;background:#0d1014;border-radius:8px;color:var(--muted);font-size:12px}.connection{padding:10px 0;color:var(--muted)}.connection i{background:#676d76;box-shadow:none}.connection.connected{color:var(--green)}.connection.connected i{background:var(--green);box-shadow:0 0 12px #49c98280}.savebar{grid-column:1/-1;position:sticky;bottom:15px;background:#101318e8;border:1px solid var(--line);padding:13px;border-radius:12px;backdrop-filter:blur(15px);text-align:right}.job-heading{align-items:center}.job-progress{padding:30px}.steps{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;margin-top:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.timeline{max-height:580px;overflow:auto}.event{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.event i{width:9px;height:9px;border-radius:50%;background:var(--gold);margin-top:6px;flex:none}.event.error i{background:var(--red)}.event strong,.event span{display:block}.event span{font-size:11px;color:var(--muted)}.preview{width:100%;border-radius:10px;background:#000;margin-bottom:14px}.files{max-height:360px;overflow:auto;margin-bottom:14px}.files a{color:#d8dbe0;text-decoration:none;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.files span,.muted{color:var(--muted)}code{overflow-wrap:anywhere}@media(max-width:850px){.hero,.cost-panel,.settings-grid,.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.job-row{grid-template-columns:44px 1fr 80px}.job-row .progress{display:none}.topbar nav{display:none}.cost-bar{overflow:auto}.page-heading{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:520px){main{padding:28px 14px}.stats-grid{grid-template-columns:1fr}.button-row,.two{grid-template-columns:1fr;display:grid}.topbar{padding:0 14px}.status-dot{display:none}}