:root{color:#182230;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f5f7fb;--surface: #ffffff;--surface-soft: #f7f9fc;--surface-strong: #eef2f7;--border: #e2e8f0;--border-soft: #eef2f6;--text: #182230;--muted: #667085;--muted-strong: #526071;--primary: #182230;--primary-text: #ffffff;--accent: #2f6fe4;--accent-strong: #1b4fb5;--amber: #f0a43a;--amber-soft: #fff6e6;--blue: #1654c0;--blue-soft: #edf4ff;--green: #177245;--green-soft: #edf9f1;--danger: #b42318;--danger-soft: #fff0ef;--shadow: 0 18px 50px rgb(15 23 42 / 8%)}:root[data-theme=dark]{color:#e7edf6;background:#101722;--bg: #101722;--surface: #151f2e;--surface-soft: #1b2738;--surface-strong: #223148;--border: #2c3b50;--border-soft: #243247;--text: #e7edf6;--muted: #98a6ba;--muted-strong: #c2ccda;--primary: #f0a43a;--primary-text: #141b26;--accent: #80b7ff;--accent-strong: #b7d6ff;--amber: #f4b659;--amber-soft: #3a2a16;--blue: #80b7ff;--blue-soft: #132a47;--green: #75d49a;--green-soft: #163523;--danger: #ff958b;--danger-soft: #3a1d1c;--shadow: 0 18px 50px rgb(0 0 0 / 24%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:282px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:24px;padding:28px 20px;border-right:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:12px;min-height:48px}.brand-mark{width:44px;height:44px;filter:drop-shadow(0 6px 14px rgb(214 142 29 / 35%))}.brand strong,.brand span{display:block}.brand strong{color:var(--text);font-size:17px}.brand span{margin-top:2px;color:var(--muted);font-size:12px}.nav-section{display:grid;gap:10px}.nav-caption{display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--muted);font-size:12px;font-weight:600}.nav-list{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:0;border-radius:8px;color:var(--muted-strong);background:transparent;text-align:left}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--surface-strong)}.sidebar-note{display:flex;gap:10px;margin-top:auto;padding:14px;border:1px solid color-mix(in srgb,var(--green) 22%,var(--border));border-radius:8px;color:var(--green);background:var(--green-soft);font-size:13px;line-height:1.55}.auth-splash{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;color:var(--muted-strong);gap:10px}.login-card{display:grid;justify-items:center;gap:12px;width:100%;max-width:360px;padding:32px 28px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.login-mark{width:56px;height:56px;margin-bottom:4px}.login-card h1{font-size:20px}.login-hint{margin:-6px 0 8px;color:var(--muted);font-size:13px}.login-card label{justify-self:start;color:var(--text);font-size:13px;font-weight:600}.login-card .input-row{width:100%}.login-card .primary-button{margin-top:6px}.current-user{display:inline-flex;align-items:center;color:var(--muted-strong);font-size:13px}.workspace{min-width:0;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.eyebrow{margin:0 0 7px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:var(--text);font-size:30px;line-height:1.2}h2{max-width:620px;margin-bottom:12px;color:var(--text);font-size:34px;line-height:1.18}h3{margin-bottom:0;color:var(--text);font-size:18px}.ghost-button,.primary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px}.ghost-button{min-height:40px;padding:0 14px;color:var(--muted-strong);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.primary-button{width:100%;min-height:44px;padding:0 16px;color:var(--primary-text);background:var(--primary)}.primary-button:disabled{cursor:not-allowed;opacity:.72}.icon-button{width:38px;height:38px;color:var(--muted-strong);background:var(--surface-strong)}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;padding:30px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-soft) 92%,transparent)),radial-gradient(circle at 12% 0%,rgb(240 164 58 / 18%),transparent 30%),radial-gradient(circle at 95% 24%,rgb(74 144 226 / 13%),transparent 34%)}.hero-copy p:last-child{max-width:640px;margin-bottom:0;color:var(--muted-strong);font-size:16px;line-height:1.7}.capture-form{align-self:start;display:grid;gap:12px;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.capture-form label{color:var(--text);font-size:13px;font-weight:600}.input-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface-soft)}.input-row input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.error-text{margin:0;color:var(--danger);font-size:13px}.metric-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.setting-card{display:flex;gap:14px;min-height:120px;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.setting-card{min-height:104px}.metric-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--text);background:var(--surface-strong)}.metric-card span,.metric-card small,.setting-card span{display:block;color:var(--muted)}.metric-card strong,.setting-card strong{display:block;margin:7px 0 4px;color:var(--text);overflow-wrap:anywhere}.metric-card strong{font-size:30px}.setting-card strong{font-size:15px}.tone-blue .metric-icon{color:var(--blue);background:var(--blue-soft)}.tone-green .metric-icon{color:var(--green);background:var(--green-soft)}.tone-amber .metric-icon{color:var(--amber);background:var(--amber-soft)}.tone-ink .metric-icon{color:var(--text);background:var(--surface-strong)}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px}.single-wide{grid-template-columns:1fr}.panel{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--border-soft);color:var(--muted-strong)}.task-list,.card-list{display:grid}.task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border-soft)}.task-row:last-child{border-bottom:0}.package-row{grid-template-columns:160px minmax(0,1fr) auto;align-items:start}.package-thumbnail{display:grid;width:160px;height:96px;overflow:hidden;place-items:center;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-soft);color:var(--muted);padding:0}.package-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top center}.package-thumbnail:hover{border-color:var(--accent)}.package-thumbnail-empty,.thumbnail-placeholder{color:var(--muted);background:linear-gradient(135deg,transparent 0 48%,color-mix(in srgb,var(--border) 70%,transparent) 49% 51%,transparent 52%),var(--surface-soft)}.thumbnail-placeholder{display:grid;width:100%;height:100%;place-items:center}.package-main{min-width:0}.task-url{overflow:hidden;margin-bottom:8px;color:var(--text);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.task-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:12px}.task-meta span{overflow-wrap:anywhere}.artifact-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.artifact-list button{max-width:180px;overflow:hidden;padding:4px 7px;border:1px solid var(--border-soft);border-radius:6px;background:var(--bg-subtle);color:var(--muted-strong);cursor:pointer;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.artifact-list button:hover{border-color:var(--accent);color:var(--accent-strong)}.task-state{display:grid;justify-items:end;gap:7px;color:var(--muted);font-size:12px}.task-state small{max-width:260px;overflow-wrap:anywhere;text-align:right}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;color:var(--muted-strong);background:var(--surface-strong);font-size:12px;font-weight:600}.status-reported,.status-chained,.status-running{color:var(--green);background:var(--green-soft)}.status-pending,.status-planned{color:var(--amber);background:var(--amber-soft)}.status-failed,.status-degraded{color:var(--danger);background:var(--danger-soft)}.flow-panel{align-self:start}.flow-list{display:grid;gap:16px;margin:0;padding:18px;list-style:none}.flow-list li{display:flex;gap:12px}.flow-list span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:999px;color:var(--text);background:var(--surface-strong);font-size:13px;font-weight:700}.flow-list strong{display:block;margin-bottom:5px;color:var(--text)}.flow-list p{margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.55}.latest-box{margin:0 18px 18px;padding:14px;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--border));border-radius:8px;background:var(--blue-soft)}.latest-box span,.latest-box p{color:var(--muted-strong);font-size:13px}.latest-box strong{display:block;margin:6px 0;color:var(--text)}.latest-box p{margin-bottom:0}.info-row{display:grid;gap:6px;padding:16px 18px;border-bottom:1px solid var(--border-soft)}.info-row:last-child{border-bottom:0}.info-row strong{color:var(--text)}.info-row span{color:var(--muted);font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;flex-direction:row;align-items:center;overflow-x:auto;padding:14px 18px}.nav-section,.nav-list{display:flex;align-items:center}.nav-caption,.sidebar-note{display:none}.hero-panel,.content-grid{grid-template-columns:1fr}.metric-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.workspace{padding:18px}.topbar,.task-row{align-items:stretch;grid-template-columns:1fr}.package-row{grid-template-columns:112px minmax(0,1fr)}.package-row .task-state{grid-column:1 / -1}.package-thumbnail{width:112px;height:74px}.topbar{flex-direction:column}.topbar-actions{width:100%;justify-content:stretch}.topbar-actions .ghost-button{flex:1}.hero-panel{padding:20px}h1{font-size:26px}h2{font-size:27px}.metric-grid,.settings-grid{grid-template-columns:1fr}.task-state{justify-items:start}.task-state small{text-align:left}}