@import "https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-main:#0d1117;--bg-card:#161b22;--bg-card-hover:#1c2128;--bg-card-solid:#161b22;--bg-input:#010409;--bg-input-focus:#0d1117;--bg-elevated:#21262d;--border-subtle:#21262d;--border-card:#30363d;--border-focus:#58a6ff;--border-glow:#58a6ff59;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--text-link:#58a6ff;--text-inverse:#0d1117;--accent-primary:#238636;--accent-hover:#2ea043;--accent-active:#298e3b;--accent-secondary:#58a6ff;--accent-gradient:linear-gradient(180deg, #238636 0%, #1f7a31 100%);--accent-glow:0 0 16px #23863640;--success:#3fb950;--success-bg:#2ea04326;--success-border:#3fb95066;--success-glow:0 0 16px #2ea04333;--warning:#d29922;--warning-bg:#bb800926;--warning-border:#d2992266;--warning-glow:0 0 16px #d2992226;--error:#f85149;--error-bg:#f8514926;--error-border:#f8514966;--error-glow:0 0 16px #f8514933;--purple:#8957e5;--purple-bg:#a371f726;--purple-border:#a371f766;--info:#58a6ff;--info-bg:#388bfd1f;--info-border:#388bfd66;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-sans:"Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", "JetBrains Mono", monospace;--shadow-card:0 0 0 1px var(--border-card), 0 3px 6px #01040947;--shadow-modal:0 0 0 1px var(--border-card), 0 16px 36px #010409d9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0,#388bfd08 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-main);background:#21262d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#30363d}.glass-panel{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .15s}.glass-panel:hover{border-color:#38424d}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:1.75rem 1.5rem 4rem}.header-container{border-bottom:1px solid var(--border-card);z-index:40;background-color:#161b22;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1240px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.brand-group{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-logo-glow{border-radius:var(--radius-md);border:1px solid var(--border-card);color:#f0f6fc;background:#21262d;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-title{letter-spacing:-.01em;color:var(--text-primary);font-size:1.05rem;font-weight:600}.brand-badge{border:1px solid var(--border-card);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;background:#21262d;border-radius:999px;padding:1px 7px;font-size:.6875rem;font-weight:500}.header-actions{align-items:center;gap:.75rem;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.45rem;padding:5px 14px;font-size:.875rem;font-weight:500;line-height:20px;transition:color 80ms cubic-bezier(.33,1,.68,1),background-color 80ms cubic-bezier(.33,1,.68,1),box-shadow 80ms cubic-bezier(.33,1,.68,1),border-color 80ms cubic-bezier(.33,1,.68,1),transform 80ms cubic-bezier(.33,1,.68,1);display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-main), 0 0 0 4px var(--border-focus);outline:none}.btn svg{flex-shrink:0}.btn-primary{color:#fff;background-color:#238636;border:1px solid #f0f6fc1a;font-weight:600;box-shadow:0 1px #1b1f241a,inset 0 1px #ffffff08}.btn-primary:hover:not(:disabled){background-color:#2ea043;border-color:#f0f6fc1a}.btn-primary:active:not(:disabled){background-color:#298e3b;box-shadow:inset 0 1px #002d1133}.btn-primary:disabled{color:#fff6;cursor:not-allowed;box-shadow:none;background-color:#23863666;border-color:#f0f6fc0d}.btn-secondary{color:#c9d1d9;background-color:#21262d;border:1px solid #30363d;box-shadow:0 1px #1b1f240a}.btn-secondary:hover:not(:disabled){color:#f0f6fc;background-color:#30363d;border-color:#8b949e}.btn-secondary:active:not(:disabled){background-color:#282e33;border-color:#8b949e}.btn-secondary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-outline{color:#c9d1d9;background-color:#21262d;border:1px solid #30363d}.btn-outline:hover:not(:disabled){color:#f0f6fc;background-color:#30363d;border-color:#8b949e}.btn-outline:active:not(:disabled){background-color:#282e33}.btn-outline:disabled{opacity:.45;cursor:not-allowed}.btn-success{color:#fff;background-color:#238636;border:1px solid #f0f6fc1a;font-weight:600}.btn-success:hover:not(:disabled){background-color:#2ea043}.btn-danger{color:#f85149;background-color:#21262d;border:1px solid #30363d}.btn-danger:hover:not(:disabled){color:#fff;background-color:#da3633;border-color:#f0f6fc1a}.btn-warning{color:#d29922;background-color:#21262d;border:1px solid #30363d}.btn-warning:hover:not(:disabled){color:#fff;background-color:#9e6a03;border-color:#f0f6fc1a}.btn-purple{color:#fff;background-color:#8957e5;border:1px solid #f0f6fc1a;font-weight:600}.btn-purple:hover:not(:disabled){background-color:#9a67ea}.btn-sm{border-radius:var(--radius-md);gap:.35rem;padding:3px 10px;font-size:.75rem;line-height:18px}.btn-lg{border-radius:var(--radius-md);gap:.55rem;padding:8px 18px;font-size:.95rem;font-weight:600}.btn-icon{flex-shrink:0;border-radius:var(--radius-md)!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important}#submit-workflow-btn{letter-spacing:-.01em;font-weight:600;position:relative}#submit-workflow-btn:not(:disabled){color:#fff;background-color:#238636;border:1px solid #f0f6fc1a;box-shadow:0 1px #1b1f241a,inset 0 1px #ffffff08}#submit-workflow-btn:not(:disabled):hover{background-color:#2ea043;border-color:#f0f6fc26}#submit-workflow-btn:not(:disabled):active{background-color:#298e3b;transform:translateY(1px)}#submit-workflow-btn.is-running{color:#fff!important;cursor:wait!important;background-color:#1f6feb!important;border-color:#f0f6fc1a!important}#submit-workflow-btn:has(.animate-spin){color:#fff!important;cursor:wait!important;background-color:#1f6feb!important;border-color:#f0f6fc1a!important}.user-pill{background:var(--bg-elevated);border:1px solid var(--border-card);color:var(--text-primary);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .65rem;font-size:.8125rem;font-weight:500;display:flex}.user-avatar{border:1px solid var(--border-card);border-radius:50%;width:20px;height:20px}.form-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=1024px){.workflow-layout{grid-template-columns:1.15fr .85fr;align-items:start;gap:1.75rem;display:grid}}.form-card{flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.card-header-title{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.card-title{letter-spacing:-.015em;color:var(--text-primary);align-items:center;gap:.55rem;font-size:1.2rem;font-weight:600;display:flex}.card-subtitle{color:var(--text-secondary);margin-top:.2rem;font-size:.8125rem}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.84rem;font-weight:600;display:flex}.form-label-tag{color:var(--text-muted);font-size:.725rem;font-weight:400}.form-input{background-color:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-primary);outline:none;padding:5px 12px;font-size:.875rem;line-height:20px;transition:all 80ms cubic-bezier(.33,1,.68,1)}.form-input:focus{background-color:var(--bg-input);border-color:var(--border-focus);box-shadow:0 0 0 3px #58a6ff4d}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:var(--text-muted)}.form-input-mono{font-family:var(--font-mono);font-size:.8125rem}.form-helper{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.input-with-action{align-items:center;display:flex;position:relative}.input-action-btn{color:#c9d1d9;font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;background-color:#21262d;border:1px solid #30363d;align-items:center;gap:.35rem;padding:3px 8px;font-size:.75rem;font-weight:500;transition:all .12s;display:flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.input-action-btn:hover:not(:disabled){color:#f0f6fc;background-color:#30363d;border-color:#8b949e}.input-action-btn:active:not(:disabled){background-color:#282e33}.custom-select-container{width:100%;position:relative}.custom-select-trigger{background-color:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:5px 12px;font-size:.875rem;line-height:20px;transition:border-color .15s;display:flex}.custom-select-trigger:hover:not(.disabled){background-color:#161b22;border-color:#8b949e}.custom-select-trigger.open{border-color:var(--border-focus);box-shadow:0 0 0 3px #58a6ff4d}.custom-select-trigger.disabled{opacity:.5;cursor:not-allowed}.custom-select-dropdown{border-radius:var(--radius-md);z-index:50;background-color:#161b22;border:1px solid #30363d;flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #010409bf}.custom-select-search{border-bottom:1px solid var(--border-card);background-color:#0d1117;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.custom-select-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.8125rem}.custom-select-options{max-height:220px;padding:.25rem;overflow-y:auto}.custom-select-option{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.8125rem;transition:all .1s;display:flex}.custom-select-option:hover,.custom-select-option.selected{color:#58a6ff;background-color:#388bfd26}.custom-select-option.selected{font-weight:600}.branch-pill,.branch-tag,.commit-ref{font-family:var(--font-mono);color:#58a6ff;letter-spacing:-.01em;white-space:nowrap;vertical-align:middle;background-color:#388bfd26;border:1px solid #388bfd59;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.75rem;font-weight:500;line-height:1.45;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.branch-pill-source,.branch-pill-base{color:#79c0ff;background-color:#388bfd26;border-color:#388bfd66}.branch-pill-release,.branch-pill-head{color:#d2a8ff;background-color:#a371f726;border-color:#a371f766}.branch-pill-new{color:#7ee787;background-color:#2ea04326;border-color:#3fb95066}.branch-pill-warning{color:#e3b341;background-color:#bb800926;border-color:#d2992266}.branch-pill-neutral{color:#c9d1d9;background-color:#21262d;border-color:#30363d}.branch-tag-default{font-family:var(--font-sans);color:#8b949e;background-color:#21262d;border:1px solid #30363d;border-radius:999px;height:18px;padding:0 6px;font-size:11px;font-weight:500;line-height:18px}.github-compare-bar{background-color:#161b22;border:1px solid #30363d;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.github-compare-label{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.775rem;font-weight:600;display:flex}.github-compare-flow{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.github-flow-arrow{color:#c9d1d9;-webkit-user-select:none;user-select:none;cursor:default;background-color:#21262d;border:1px solid #38424d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.timeline-card{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.step-list{flex-direction:column;gap:.75rem;display:flex;position:relative}.step-item{border:1px solid var(--border-card);border-radius:var(--radius-md);background-color:#0d1117;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;transition:all .15s;display:flex}.step-item.running{background-color:#388bfd14;border-color:#58a6ff}.step-item.success{background-color:#2ea0430f;border-color:#3fb95066}.step-item.warning{background-color:#bb800914;border-color:#d2992266}.step-item.error{background-color:#f8514914;border-color:#f8514966}.step-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;display:flex}.step-icon-idle{color:var(--text-muted);background-color:#21262d;border:1px solid #30363d}.step-icon-pending{color:var(--text-muted);background-color:#161b22;border:1px dashed #30363d}.step-icon-running{color:#58a6ff;background-color:#388bfd33;border:1px solid #58a6ff}.step-icon-success{color:#fff;background-color:#238636;border:1px solid #2ea043}.step-icon-warning{color:#d29922;background-color:#bb800933;border:1px solid #d29922}.step-icon-error{color:#f85149;background-color:#f8514933;border:1px solid #f85149}.step-content{flex:1}.step-header{justify-content:space-between;align-items:center;display:flex}.step-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.step-duration{color:var(--text-muted);font-size:.725rem;font-family:var(--font-mono)}.step-desc{color:var(--text-secondary);margin-top:.1rem;font-size:.775rem}.step-detail{color:#8b949e;border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);word-break:break-all;background-color:#161b22;border:1px solid #30363d;margin-top:.45rem;padding:.35rem .6rem}.step-error-msg{color:#f85149;border-radius:var(--radius-sm);background-color:#f8514926;border:1px solid #f8514959;margin-top:.45rem;padding:.35rem .6rem;font-size:.75rem}.pr-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background-color:#161b22;border:1px solid #3fb95066;flex-direction:column;gap:1.25rem;padding:1.5rem;animation:.25s ease-out slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pr-card-header{justify-content:space-between;align-items:center;display:flex}.pr-badge,.pr-badge-open{color:#fff;background-color:#238636;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.775rem;font-weight:600;line-height:1.3;display:inline-flex}.pr-badge-merged{color:#fff;background-color:#8957e5;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.775rem;font-weight:600;display:inline-flex}.pr-badge-draft{color:#fff;background-color:#6e7681;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.775rem;font-weight:600;display:inline-flex}.pr-link-box{border-radius:var(--radius-md);background-color:#0d1117;border:1px solid #30363d;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.pr-url-text{font-family:var(--font-mono);color:#58a6ff;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;text-decoration:none;overflow:hidden}.pr-url-text:hover{text-decoration:underline}.terminal-panel{border-radius:var(--radius-md);font-family:var(--font-mono);background-color:#010409;border:1px solid #30363d;font-size:.8rem;overflow:hidden}.terminal-header{color:var(--text-secondary);background-color:#161b22;border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.75rem;font-weight:500;display:flex}.terminal-logs{flex-direction:column;gap:.35rem;max-height:220px;padding:.85rem;display:flex;overflow-y:auto}.terminal-log-row{word-break:break-all;align-items:flex-start;gap:.5rem;line-height:1.45;display:flex}.log-time{color:var(--text-muted);flex-shrink:0;font-size:.725rem}.log-msg-info{color:#8b949e}.log-msg-success{color:#3fb950}.log-msg-warn{color:#d29922}.log-msg-error{color:#f85149}.log-msg-cmd{color:#58a6ff;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#010409cc;justify-content:center;align-items:center;padding:1.5rem;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{border-radius:var(--radius-xl);width:100%;max-width:540px;box-shadow:var(--shadow-modal);background-color:#161b22;border:1px solid #30363d;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.alert-banner{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.45;display:flex}.alert-banner-warning{color:#e3b341;background-color:#bb800926;border:1px solid #d2992266}.alert-banner-error{color:#f85149;background-color:#f8514926;border:1px solid #f8514966}.alert-banner-info{color:#79c0ff;background-color:#388bfd1f;border:1px solid #388bfd66}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}