:root{color-scheme:light;--bg: #eef1ec;--surface: rgba(251, 252, 248, .94);--surface-strong: #ffffff;--line: rgba(35, 49, 58, .12);--line-strong: rgba(35, 49, 58, .18);--text: #1a2730;--muted: #61727b;--blue: #245d76;--green: #2b6b45;--amber: #9a611f;--red: #8d3842;--shadow: 0 24px 60px rgba(23, 37, 50, .14);font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.76),transparent 28%),radial-gradient(circle at right,rgba(52,120,118,.12),transparent 24%),var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;padding:16px}.sidebar,.card,.loginPanel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar{border-radius:26px;padding:22px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(160deg,#1a3754fa,#185c5bed),linear-gradient(90deg,rgba(255,255,255,.08),transparent);color:#f6f6ef}.brandOverline,.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#ffffffb8}.brandPanel h2,.hero h1,.panelHeader h2,.subPanelHeader h3{margin:0;letter-spacing:-.04em}.brandPanel h2{margin-top:10px;font-size:32px}.brandPanel p,.panelHeader p,.subPanelHeader p{margin:8px 0 0}.sidebarNav{display:flex;flex-direction:column;gap:8px}.sidebarLink{display:block;padding:12px 14px;border-radius:14px;color:inherit;text-decoration:none;border:1px solid transparent;background:#ffffff0a}.sidebarLinkMuted{opacity:.7;cursor:default}.sidebarLink.active{background:#fffcf624;border-color:#ffffff2e}.sidebarFooter{margin-top:auto}.userCard{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:16px;background:#ffffff14}.userAvatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:700;background:#ffffff26}.userName{font-weight:700}.userScopes{font-size:12px;color:#ffffffb3;word-break:break-word}.content{min-width:0}.page{display:flex;flex-direction:column;gap:18px}.hero,.card{border-radius:24px}.hero{display:flex;justify-content:space-between;gap:24px;padding:22px 24px;background:linear-gradient(135deg,#133243fa,#1a686ce6);color:#fffdf8;box-shadow:var(--shadow)}.hero h1{font-size:clamp(32px,4vw,48px)}.lede{max-width:760px;margin:12px 0 0;color:#fffcf6db}.heroMeta{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.heroChip,.hintBox{padding:10px 14px;border-radius:999px;background:#ffffff24}.summaryGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.summaryCard{padding:14px 16px;border-radius:16px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow)}.summaryCard.pending{background:#fff3df}.summaryCard.processing{background:#e5f2fb}.summaryCard.completed{background:#e6f6ea}.summaryCard.failed{background:#fae7ea}.summaryLabel{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.summaryValue{margin-top:6px;font-size:28px;font-weight:700}.card{padding:14px}.filterBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.field input,.field select{min-height:42px;border-radius:12px;border:1px solid var(--line);padding:10px 12px;background:#fff}.workspace{display:grid;grid-template-columns:minmax(400px,.9fr) minmax(620px,1.1fr);gap:20px}.logColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panelHeader,.subPanelHeader,.stepHead,.artifactCard,.logMeta{display:flex;justify-content:space-between;gap:12px}.jobsList,.artifactList,.stepList,.logList{display:flex;flex-direction:column;gap:14px}.stepCard,.artifactCard,.logCard,.detailBlock,.subPanel{border:1px solid var(--line);border-radius:16px;background:#fff}.jobCard,.stepCard,.logCard,.artifactCard,.detailBlock,.subPanel{padding:18px}.jobName,.artifactLabel{font-weight:700}.jobMeta,.artifactKey,.detailLabel,.metricLabel,.stepMeta,.jobFoot,.logMeta{font-size:12px;color:var(--muted);flex-wrap:wrap}.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.jobsPanel,.detailPanel{min-width:0}.jobsHeaderControls,.paginationControls,.jobsFooter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.miniField{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#245d7614;border:1px solid rgba(36,93,118,.12)}.miniField span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.miniField select{min-height:30px;border:none;background:transparent;color:var(--text)}.buttonGhost{min-height:38px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);padding:0 14px}.buttonGhost:disabled{opacity:.5;cursor:default}.pageChip{min-height:38px;padding:8px 12px;border-radius:12px;background:#1a27300f;border:1px solid var(--line);font-size:13px;font-weight:700}.jobsTable{display:flex;flex-direction:column;gap:14px;margin-top:12px}.detailPanel{display:flex;flex-direction:column;gap:18px}.jobRow{width:100%;text-align:left;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.jobRow:hover{border-color:#245d7642;box-shadow:0 10px 20px #234f7a14;transform:translateY(-1px)}.jobRow.selected{border-color:#245d7670;box-shadow:0 14px 26px #234f7a1f}.jobRowTop,.jobRowBottom{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.jobIdentity{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}.jobIdentity .jobName{margin:0;font-size:16px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.jobBadges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jobTypeChip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#1a27300f;border:1px solid var(--line);font-size:12px;font-weight:700}.jobTimestamp{flex:0 0 160px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.jobMetaStack{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.jobSignals{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.jobSignals>div{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#1a27300d;border:1px solid var(--line)}.jobSignals strong,.jobTimestamp strong{font-size:13px}.jobErrorInline{color:var(--red);font-size:12px;width:100%;max-width:none;text-align:left}.jobsFooter{justify-content:space-between;padding-top:4px}.jobsFooterText{font-size:12px;color:var(--muted)}.statusPill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.statusCREATED{background:#f0ede6;color:#6a6558}.statusPENDING{background:#fff0d6;color:var(--amber)}.statusPROCESSING{background:#e4f0f8;color:var(--blue)}.statusCOMPLETED{background:#e1f3e6;color:var(--green)}.statusFAILED{background:#f8e2e6;color:var(--red)}.buttonPrimary,.buttonSecondary{min-height:42px;border-radius:14px;border:none;padding:0 16px}.buttonPrimary{background:linear-gradient(135deg,var(--blue),#d06f41);color:#fffdf8}.buttonSecondary{background:#ffffff24;color:inherit;border:1px solid rgba(255,255,255,.16)}.buttonPrimary.large{min-height:50px;width:100%}.artifactCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.subPanelHeader{align-items:flex-start}.artifactKey{margin-top:10px;line-height:1.5;word-break:break-word}.stepMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.detailBlock strong{display:block;margin-top:6px;font-size:18px;line-height:1.35}.jsonBlock{margin:14px 0 0;padding:16px;border-radius:16px;background:#1c2730;color:#eef5fb;overflow:auto;font-size:12px}.stepError,.errorBanner{margin-top:14px;padding:14px 16px;border-radius:14px;background:#fae7ea;color:var(--red)}.emptyState,.splash,.loginScreen{display:grid;place-items:center}.emptyState{min-height:220px;color:var(--muted)}.emptyState.compact{min-height:96px}.splash{min-height:100vh}.loginScreen{min-height:100vh;padding:24px}.loginPanel{width:min(560px,100%);padding:28px;border-radius:28px}@media(max-width:1280px){.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.logColumns{grid-template-columns:1fr}}@media(max-width:980px){.shell,.hero,.filterBar,.detailGrid{grid-template-columns:1fr}.hero{flex-direction:column}.heroMeta{align-items:stretch}.panelHeader,.subPanelHeader,.jobsHeaderControls,.jobsFooter{align-items:stretch;flex-direction:column}.jobRowTop,.jobRowBottom,.artifactCard{flex-direction:column;align-items:stretch;grid-template-columns:1fr}.jobTimestamp{flex:1 1 auto;align-items:flex-start;text-align:left}.jobSignals{justify-content:flex-start}.jobErrorInline{text-align:left}}
