@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Roboto+Mono:wght@500;600&display=swap";html{scroll-behavior:smooth}body{min-width:320px}:root{--bg:#0b0d10;--panel:#181d24d1;--panel-strong:#171c23;--panel-soft:#ffffff0e;--line:#dee8f324;--text:#f2f5f1;--muted:#9ca8b5;--faint:#667180;--green:#9dfc84;--blue:#86b7ff;--orange:#ffb35c;--red:#ff706a;--violet:#bca5ff;--shadow:0 24px 70px #00000057}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 12% 12%,#86b7ff2e,#0000 28rem),radial-gradient(circle at 88% 18%,#9dfc841f,#0000 30rem),linear-gradient(135deg,#0b0d10,#11151a 52%,#090b0e);margin:0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}#root{min-height:100vh}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0e,#0000),#0a0c0fd6;height:100vh;padding:22px;position:sticky;top:0}.brand-card,.workflow-card,.artifact-card{text-decoration:none}.brand-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex}.brand-card strong,.brand-card small{display:block}.brand-card small{color:var(--muted);margin-top:2px;font-size:12px}.brand-icon{color:#11151a;background:var(--green);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.side-nav{gap:8px;margin-top:28px;display:grid}.side-nav a{color:var(--muted);border:1px solid #0000;border-radius:14px;padding:12px 14px;text-decoration:none}.side-nav a:hover,.side-nav a.active{color:var(--text);border-color:var(--line);background:#ffffff12}.sidebar-note{color:var(--faint);margin:0;font-size:13px;line-height:1.55;position:absolute;bottom:78px;left:22px;right:22px}.sidebar-logout{min-height:42px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:14px;position:absolute;bottom:22px;left:22px;right:22px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:linear-gradient(135deg, #86b7ff29, transparent 45%), var(--panel);width:min(560px,100%);box-shadow:var(--shadow);border-radius:28px;gap:18px;padding:34px;display:grid}.auth-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,8vw,78px);line-height:.95}.auth-card p{color:var(--muted);margin:0;line-height:1.6}.page-frame{min-width:0;padding:34px}.page-stack{gap:24px;width:min(1280px,100%);display:grid}.page-header{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#86b7ff2e,#0000 44%),linear-gradient(225deg,#9dfc8421,#0000 38%),#171c23c7;border-radius:28px;padding:34px;overflow:hidden}.split-header,.panel-heading,.timeline-title,.workflow-card-top,.sticky-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.page-header h1{letter-spacing:-.055em;max-width:900px;margin:0;font-size:clamp(38px,6vw,82px);line-height:.95}.page-header p{max-width:760px;color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.6}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-family:Roboto Mono,ui-monospace,monospace;font-size:12px;font-weight:600}.mono-line,.jobs-table small,.artifact-card small,.workflow-card small{font-family:Roboto Mono,ui-monospace,monospace}.panel,.metric-card,.workflow-card,.timeline-card,.artifact-card,.error-block,.empty-state,.sticky-actions{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px}.panel{padding:24px}.panel-heading{margin-bottom:18px}.panel-heading h2,.section-title h2,.timeline-title h3{letter-spacing:-.025em;margin:0}.panel-heading p,.section-title p,.workflow-card p,.timeline-title p{color:var(--muted);margin:5px 0 0}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{padding:20px}.metric-card span{color:var(--muted)}.metric-card strong{margin-top:10px;font-size:42px;line-height:1;display:block}.workflow-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.workflow-card{gap:14px;padding:18px;transition:transform .18s,border-color .18s,background .18s;display:grid}.workflow-card:hover,.artifact-card:hover{background:#ffffff14;border-color:#9dfc846b;transform:translateY(-2px)}.workflow-progress{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.workflow-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));height:100%;display:block}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.detail-item{border:1px solid var(--line);background:#ffffff0b;border-radius:16px;gap:4px;padding:14px;display:grid}.detail-item span{color:var(--faint);text-transform:uppercase;font-size:12px;font-weight:700}.detail-item strong{overflow-wrap:anywhere}.status-pill{text-transform:uppercase;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-family:Roboto Mono,ui-monospace,monospace;font-size:12px;font-weight:600;display:inline-flex}.status-pill.queued{color:var(--orange);background:#ffb35c21}.status-pill.active{color:var(--blue);background:#86b7ff24}.status-pill.completed{color:var(--green);background:#9dfc8421}.status-pill.failed,.status-pill.canceled{color:var(--red);background:#ff706a21}.compact-input,.field input,.field select,.field textarea{width:100%;color:var(--text);border:1px solid var(--line);background:#0003;border-radius:14px;outline:none}.compact-input{max-width:250px;padding:11px 12px}.compact-input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#9dfc849e;box-shadow:0 0 0 4px #9dfc841a}.table-wrap{overflow:auto}.jobs-table{border-collapse:collapse;width:100%;min-width:780px}.jobs-table th,.jobs-table td{text-align:left;border-top:1px solid var(--line);padding:14px 12px}.jobs-table th{color:var(--faint);text-transform:uppercase;font-size:12px}.jobs-table small{color:var(--faint);margin-top:4px;display:block}.workflow-form,.form-section{gap:18px;display:grid}.nested-panel{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;gap:18px;margin-bottom:18px;padding:18px;display:grid}.section-title{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.section-title>span{color:#101319;background:var(--blue);border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:8px;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select{min-height:48px;padding:0 13px}.field textarea{resize:vertical;padding:13px}.span-2{grid-column:span 2}.upload-note{min-height:34px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.upload-note code{color:var(--text);word-break:break-all}.toggle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.checkbox-card{border:1px solid var(--line);background:#ffffff0b;border-radius:16px;align-items:center;gap:10px;min-height:52px;padding:12px;display:flex}.checkbox-card input{width:18px;height:18px;accent-color:var(--green)}.primary-action,.secondary-action,.icon-action{min-height:46px;color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 16px;text-decoration:none;display:inline-flex}.primary-action{color:#101319;background:var(--green);border-color:#0000;font-weight:800}.secondary-action,.icon-action{background:#ffffff12}.primary-action:disabled,.secondary-action:disabled,.icon-action:disabled{cursor:not-allowed;opacity:.62}.sticky-actions{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px;position:sticky;bottom:18px}.timeline{gap:14px;display:grid}.timeline-card{box-shadow:none;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:18px;display:grid}.timeline-icon{width:38px;height:38px;color:var(--green);background:#9dfc841c;border-radius:13px;place-items:center;display:grid}.timeline-body{gap:12px;min-width:0;display:grid}details{color:var(--muted)}summary{cursor:pointer;font-weight:700}.json-block{color:#dce8f8;border:1px solid var(--line);background:#0000003d;border-radius:14px;max-height:360px;margin:10px 0 0;padding:14px;font-family:Roboto Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;overflow:auto}.artifact-list{gap:12px;display:grid}.artifact-list.compact{gap:8px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;display:grid}.content-card{border:1px solid var(--line);background:#ffffff0b;border-radius:20px;gap:14px;min-width:0;padding:18px;display:grid}.content-card p{color:var(--muted);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.content-card-top,.card-actions,.header-action-stack{justify-content:space-between;align-items:center;gap:10px;display:flex}.content-card-top{align-items:flex-start}.content-card-top strong{letter-spacing:-.02em}.card-actions{flex-wrap:wrap;justify-content:flex-start}.secondary-action.danger{color:var(--red)}.header-action-stack{flex-direction:column;align-items:flex-end}.artifact-card{box-shadow:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.artifact-card small{overflow-wrap:anywhere;color:var(--muted);margin-top:4px;font-size:12px;display:block}.error-block,.empty-state,.loading-panel{color:var(--muted);align-items:center;gap:10px;padding:18px;display:flex}.error-block,.error-text{color:var(--red)}.muted{color:var(--muted)}.spin{animation:.86s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar-note{margin-top:20px;position:static}.sidebar-logout{width:100%;margin-top:14px;position:static}.status-grid,.form-grid,.form-grid.wide,.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.page-frame,.sidebar{padding:14px}.page-header,.panel{border-radius:20px;padding:18px}.split-header,.panel-heading,.timeline-title,.sticky-actions{flex-direction:column;align-items:stretch}.status-grid,.form-grid,.form-grid.wide,.toggle-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.timeline-card{grid-template-columns:1fr}.compact-input{max-width:none}}