@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #f6f8fa;--bg-secondary: #ffffff;--bg-tertiary: #f0f3f6;--bg-elevated: #ffffff;--bg-hover: #f0f3f6;--bg-active: #eaeef2;--border-default: #d0d7de;--border-muted: #d8dee4;--border-subtle: #eaeef2;--border-accent: #0969da;--text-primary: #1f2328;--text-secondary: #57606a;--text-muted: #8c959f;--text-link: #0969da;--text-accent: #ffffff;--status-success: #1a7f37;--status-success-muted: #238636;--status-warning: #bf8700;--status-warning-muted: #9e6a03;--status-error: #cf222e;--status-error-muted: #da3633;--status-info: #0969da;--status-info-muted: #1f6feb;--status-creating: #8250df;--status-creating-muted: #8957e5;--status-neutral: #57606a;--provider-aliyun: #ff6a00;--provider-aws: #ff9900;--glow-success: rgba(26, 127, 55, .2);--glow-warning: rgba(191, 135, 0, .2);--glow-error: rgba(207, 34, 46, .2);--glow-creating: rgba(130, 80, 223, .2);--glow-info: rgba(9, 105, 218, .15);--font-mono: "IBM Plex Mono", "SF Mono", Monaco, Consolas, monospace;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px var(--glow-info);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--sidebar-width: 240px;--header-height: 56px}[data-theme=dark]{--bg-primary: #0a0f14;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--bg-elevated: #21262d;--bg-hover: #30363d;--bg-active: #383f47;--border-default: #30363d;--border-muted: #21262d;--border-subtle: #161b22;--border-accent: #58a6ff;--text-primary: #e6edf3;--text-secondary: #7d8590;--text-muted: #484f58;--text-link: #58a6ff;--text-accent: #f0f6fc;--status-success: #3fb950;--status-success-muted: #238636;--status-warning: #d29922;--status-warning-muted: #9e6a03;--status-error: #f85149;--status-error-muted: #da3633;--status-info: #58a6ff;--status-info-muted: #1f6feb;--status-creating: #a371f7;--status-neutral: #7d8590;--glow-success: rgba(63, 185, 80, .4);--glow-warning: rgba(210, 153, 34, .4);--glow-error: rgba(248, 81, 73, .4);--glow-creating: rgba(163, 113, 247, .4);--glow-info: rgba(88, 166, 255, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-weight:400;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}::selection{background:var(--status-info-muted);color:var(--text-accent)}:focus-visible{outline:2px solid var(--status-info);outline-offset:2px}.heading-xl{font-family:var(--font-mono);font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.heading-lg{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.heading-md{font-family:var(--font-mono);font-size:1.25rem;font-weight:500;color:var(--text-primary)}.heading-sm{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--text-primary)}.body-lg{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.body-md{font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.body-sm{font-size:.75rem;line-height:1.4;color:var(--text-muted)}.mono{font-family:var(--font-mono)}.code-block{font-family:var(--font-mono);font-size:.8125rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;white-space:pre}.code-inline{font-family:var(--font-mono);font-size:.8125rem;background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-sm);padding:2px 6px;color:var(--text-primary)}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-muted)}.card-title{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--text-primary)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid}.status-success{color:var(--status-success);background:#3fb95026;border-color:var(--status-success-muted)}.status-warning{color:var(--status-warning);background:#d2992226;border-color:var(--status-warning-muted)}.status-error{color:var(--status-error);background:#f8514926;border-color:var(--status-error-muted)}.status-info{color:var(--status-info);background:#58a6ff26;border-color:var(--status-info-muted)}.status-creating{color:var(--status-creating);background:#a371f726;border-color:var(--status-creating-muted)}.status-neutral{color:var(--text-secondary);background:var(--bg-tertiary);border-color:var(--border-default)}.status-pulse{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 12px var(--glow-creating)}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot-success{background:var(--status-success);box-shadow:0 0 6px var(--glow-success)}.status-dot-warning{background:var(--status-warning);box-shadow:0 0 6px var(--glow-warning)}.status-dot-error{background:var(--status-error);box-shadow:0 0 6px var(--glow-error)}.status-dot-creating{background:var(--status-creating);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.provider-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.provider-aliyun{color:var(--provider-aliyun);background:#ff6a0026;border:1px solid rgba(255,106,0,.4)}.provider-aws{color:var(--provider-aws);background:#ff990026;border:1px solid rgba(255,153,0,.4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:focus-visible{outline:2px solid var(--status-info);outline-offset:2px}.btn-primary{background:var(--status-info-muted);color:var(--text-accent);border-color:var(--status-info)}.btn-primary:hover{background:var(--status-info);box-shadow:var(--shadow-sm),0 0 12px var(--glow-info)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn-danger{background:transparent;color:var(--status-error);border-color:var(--status-error-muted)}.btn-danger:hover{background:#f8514926;box-shadow:0 0 8px var(--glow-error)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-lg{font-size:1rem;padding:var(--space-md) var(--space-lg)}.btn-sm{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.btn-icon{padding:var(--space-sm)}.input{font-family:var(--font-sans);font-size:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);transition:all var(--transition-fast);width:100%}.input:hover{border-color:var(--bg-hover)}.input:focus{outline:none;border-color:var(--status-info);box-shadow:0 0 0 3px #58a6ff33}.input::placeholder{color:var(--text-muted)}.input-mono{font-family:var(--font-mono);font-size:.8125rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn var(--transition-normal) ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-md);border-bottom:1px solid var(--border-default)}.table td{padding:var(--space-md);border-bottom:1px solid var(--border-muted);color:var(--text-primary)}.table tr:hover td{background:var(--bg-hover)}.timeline{display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-item{display:flex;gap:var(--space-md);position:relative}.timeline-marker{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-tertiary);border:2px solid var(--border-default)}.timeline-marker-success{background:var(--status-success);border-color:var(--status-success);box-shadow:0 0 8px var(--glow-success)}.timeline-marker-running{background:var(--status-info);border-color:var(--status-info);animation:pulse-dot 1.5s ease-in-out infinite}.timeline-marker-failed{background:var(--status-error);border-color:var(--status-error)}.timeline-marker-pending{background:var(--bg-tertiary);border-color:var(--border-default)}.timeline-line{position:absolute;left:9px;top:24px;bottom:-8px;width:2px;background:var(--border-default)}.timeline-content{flex:1}.timeline-title{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-primary)}.timeline-message{font-size:.75rem;color:var(--text-secondary);margin-top:var(--space-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-muted);text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state-title{font-family:var(--font-mono);font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state-message{font-size:.875rem}.skeleton{background:var(--bg-tertiary);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{height:16px;margin-bottom:var(--space-sm)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-md)}.skeleton-card{height:120px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.divider{height:1px;background:var(--border-default);margin:var(--space-lg) 0}.divider-vertical{width:1px;height:100%;background:var(--border-default)}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:.75rem;color:var(--text-secondary);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100}.tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.theme-toggle{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:1000}#root{min-height:100vh;display:flex;flex-direction:column}.ant-btn-primary{background:var(--status-info-muted)!important;border-color:var(--status-info)!important}.ant-btn-primary:hover{background:var(--status-info)!important}.ant-btn-default{background:var(--bg-elevated)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}.ant-btn-default:hover{border-color:var(--border-accent)!important}.ant-btn-dangerous{background:transparent!important;border-color:var(--status-error-muted)!important;color:var(--status-error)!important}.ant-btn-dangerous:hover{background:#f8514926!important}.ant-card{background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important}.ant-card-head{border-bottom:1px solid var(--border-muted)!important;color:var(--text-primary)!important}.ant-card-head-title{font-family:var(--font-mono)!important;font-size:1rem!important}.ant-input,.ant-input-affix-wrapper{background:var(--bg-tertiary)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--bg-hover)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--status-info)!important;box-shadow:0 0 0 3px #58a6ff33!important}.ant-input::placeholder{color:var(--text-muted)!important}.ant-select-selector{background:var(--bg-tertiary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important}.ant-select:hover .ant-select-selector{border-color:var(--bg-hover)!important}.ant-select-focused .ant-select-selector{border-color:var(--status-info)!important;box-shadow:0 0 0 3px #58a6ff33!important}.ant-select-dropdown{background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important}.ant-select-item{color:var(--text-primary)!important}.ant-select-item-option-active{background:var(--bg-hover)!important}.ant-select-item-option-selected{background:var(--status-info-muted)!important;color:var(--text-accent)!important}.ant-table{background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important}.ant-table-thead>tr>th{background:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-default)!important;color:var(--text-muted)!important;font-family:var(--font-mono)!important;font-size:.75rem!important;font-weight:500!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-muted)!important;color:var(--text-primary)!important}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-table-pagination.ant-pagination{margin:var(--space-md)!important}.ant-pagination-item{background:var(--bg-tertiary)!important;border:1px solid var(--border-default)!important}.ant-pagination-item a{color:var(--text-primary)!important}.ant-pagination-item-active{background:var(--status-info-muted)!important;border-color:var(--status-info)!important}.ant-pagination-item-active a{color:var(--text-accent)!important}.ant-tag{font-family:var(--font-mono)!important;font-size:.75rem!important;border-radius:var(--radius-md)!important}.ant-modal-content{background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-xl)!important}.ant-modal-header{background:transparent!important;border-bottom:1px solid var(--border-muted)!important}.ant-modal-title{color:var(--text-primary)!important;font-family:var(--font-mono)!important}.ant-modal-close{color:var(--text-secondary)!important}.ant-modal-close:hover,.ant-modal-body{color:var(--text-primary)!important}.ant-modal-footer{border-top:1px solid var(--border-muted)!important}.ant-form-item-label>label{color:var(--text-secondary)!important;font-family:var(--font-mono)!important;font-size:.75rem!important}.ant-form-item-explain-error{color:var(--status-error)!important}.ant-menu{background:var(--bg-secondary)!important;border:none!important}.ant-menu-item{color:var(--text-secondary)!important;font-family:var(--font-mono)!important;margin:var(--space-xs)!important;border-radius:var(--radius-md)!important}.ant-menu-item:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.ant-menu-item-selected{background:var(--status-info-muted)!important;color:var(--text-accent)!important}.ant-menu-item-selected:after{border-color:transparent!important}.ant-layout{background:var(--bg-primary)!important}.ant-layout-sider{background:var(--bg-secondary)!important;border-right:1px solid var(--border-default)!important}.ant-layout-content{background:var(--bg-primary)!important}.ant-tabs-tab{color:var(--text-secondary)!important;font-family:var(--font-mono)!important}.ant-tabs-tab:hover{color:var(--text-primary)!important}.ant-tabs-tab-active{color:var(--status-info)!important}.ant-tabs-ink-bar{background:var(--status-info)!important}.ant-tabs-nav:before{border-bottom:1px solid var(--border-muted)!important}.ant-descriptions-bordered .ant-descriptions-item-label{background:var(--bg-tertiary)!important;border-color:var(--border-muted)!important;color:var(--text-muted)!important;font-family:var(--font-mono)!important;font-size:.75rem!important}.ant-descriptions-bordered .ant-descriptions-item-content{border-color:var(--border-muted)!important;color:var(--text-primary)!important}.ant-collapse{background:var(--bg-tertiary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important}.ant-collapse-header{color:var(--text-primary)!important;font-family:var(--font-mono)!important}.ant-collapse-content{background:var(--bg-secondary)!important;border-top:1px solid var(--border-default)!important}.ant-collapse-content-box,.ant-timeline-item-content{color:var(--text-primary)!important}.ant-timeline-item-head{background:transparent!important}.ant-spin-dot-item{background:var(--status-info)!important}.ant-alert{border-radius:var(--radius-md)!important}.ant-alert-info{background:#58a6ff26!important;border-color:var(--status-info-muted)!important}.ant-alert-info .ant-alert-message{color:var(--status-info)!important}.ant-alert-warning{background:#d2992226!important;border-color:var(--status-warning-muted)!important}.ant-alert-warning .ant-alert-message{color:var(--status-warning)!important}.ant-alert-error{background:#f8514926!important;border-color:var(--status-error-muted)!important}.ant-alert-error .ant-alert-message{color:var(--status-error)!important}.ant-alert-success{background:#3fb95026!important;border-color:var(--status-success-muted)!important}.ant-alert-success .ant-alert-message{color:var(--status-success)!important}.ant-message-notice-content{background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important}.ant-divider{border-color:var(--border-default)!important}.ant-dropdown-menu{background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important}.ant-dropdown-menu-item{color:var(--text-primary)!important}.ant-dropdown-menu-item:hover{background:var(--bg-hover)!important}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s}