:root{--bg:#f6f7f9;--panel:#fff;--text:#1f2430;--muted:#7a8194;--border:#e3e6ec;--accent:#6338ff;--accent-fg:#fff;--danger:#d64545;--ok:#1a9c5b;--warn:#d98600;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--radius:10px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{font-family:var(--sans);color:var(--text);background:var(--bg);margin:0;font-size:14px}h1{margin:4px 0;font-size:20px}h2{margin:0;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.92em}.muted{color:var(--muted)}.small{font-size:12px}.error-text{color:var(--danger);font-size:13px}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s}.btn:hover{border-color:#c9cedb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{padding:5px 10px;font-size:12px}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.primary:hover{background:#532fdb}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:#f0cccc}.btn.danger:hover{background:#fbeaea}.page{max-width:1100px;margin:0 auto;padding:24px 20px 120px}.center-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;width:320px;padding:28px;display:flex}.login-card h1{margin:0}input,select,textarea{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-bg,#6338ff40);border-color:var(--accent)}textarea.mono{font-family:var(--mono)}label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{align-items:center;gap:10px;margin-top:12px;display:flex}.new-pipeline{gap:10px;margin-bottom:20px;display:flex}.new-pipeline input{max-width:320px}.pipeline-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pipeline-row{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:14px 16px;display:flex}.pipeline-name{font-size:15px;font-weight:600}.row-actions{gap:6px;margin-left:auto;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.card-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.flow-scroll{padding-bottom:12px}.flow{flex-wrap:wrap;align-items:stretch;row-gap:24px;display:flex}.flow-item{flex:280px;align-items:stretch;min-width:260px;display:flex}.stage-box{background:var(--panel);border-radius:var(--radius);min-width:0;min-height:180px;box-shadow:var(--shadow);border:2px solid #cfd4e0;flex-direction:column;flex:1;gap:10px;padding:16px 18px;display:flex}.stage-title{font-size:15px;font-weight:600}.stage-meta{color:var(--muted);font-size:12px}.stage-hosts{flex-direction:column;flex:1;gap:8px;display:flex}.host-chip{align-items:center;gap:8px;display:flex}.host-chip-text{min-width:0}.host-chip-label{font-size:13px;font-weight:500}.stage-status{border:0;border-top:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:6px;padding:8px 0 0;font-family:inherit;font-size:12px;display:flex}.view-logs-link{color:var(--accent);margin-left:auto;font-weight:600}.mono{font-family:var(--mono)}.deploy-history{margin-top:28px}.deploy-history h2{margin-bottom:10px}.deploy-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.deploy-row{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;gap:8px;padding:6px 10px 6px 12px;display:flex}.deploy-row:hover{border-color:#c9cedb}.deploy-main{cursor:pointer;text-align:left;color:var(--text);background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:4px 0;font-family:inherit;font-size:13px;display:flex}.deploy-stage{font-weight:500}.deploy-time{margin-left:auto}.load-more{margin-top:10px}.status-pill{color:var(--muted);white-space:nowrap;background:#eef0f4;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.status-pill.success{color:var(--ok);background:#e5f6ec}.status-pill.failed,.status-pill.rolled_back{color:var(--danger);background:#fbe9e9}.status-pill.building,.status-pill.deploying,.status-pill.pending{color:var(--warn);background:#fdf1de}.stage-status .dot,.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.stage-status.success .dot,.dot.live{background:var(--ok)}.stage-status.failed .dot,.stage-status.rolled_back .dot{background:var(--danger)}.stage-status.building .dot,.stage-status.deploying .dot,.stage-status.pending .dot{background:var(--warn)}.provider-badge{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.arrow-wrap{flex:none;justify-content:center;align-items:center;padding:0 4px;display:flex;position:relative}.arrow{cursor:pointer;color:#b9c0d0;background:0 0;border:none;justify-content:center;align-items:center;width:96px;height:70px;display:flex;position:relative}.arrow:disabled{opacity:.4;cursor:default}.arrow.open{color:var(--ok)}.arrow.locked{color:#b9c0d0}.arrow-svg{width:90px;height:60px}.arrow-lock{font-size:15px;position:absolute;top:4px}.arrow-popover{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:10;flex-direction:column;gap:10px;width:220px;padding:12px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.switch-row{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:13px}.switch-row input{width:auto}.log-drawer{color:#d7dce6;z-index:50;background:#0e1220;flex-direction:column;height:300px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000040}.log-header{background:#161c2d;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13px;display:flex}.log-body{font-family:var(--mono);flex:1;padding:10px 14px;font-size:12px;line-height:1.5;overflow-y:auto}.log-line{white-space:pre-wrap;word-break:break-word}.log-line.error{color:#ff8f8f}.log-line.success{color:#7ee2a8}.add-stage{gap:8px;margin:10px 0 16px;display:flex}.add-stage select{width:120px}.stage-editor-list{flex-direction:column;gap:12px;display:flex}.stage-editor{border:1px solid var(--border);border-radius:var(--radius);background:#fbfbfd;padding:12px}.stage-editor-head{align-items:center;gap:10px;display:flex}.stage-name-input{max-width:240px;font-weight:600}.kind-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--muted);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700}.kind-badge.source{background:#3b82f6}.kind-badge.build{background:#8b5cf6}.kind-badge.deploy{background:#10b981}.env-select{color:var(--muted);flex-direction:row;align-items:center;gap:8px;margin:12px 0}.env-select select{width:220px}.targets{border-top:1px dashed var(--border);padding-top:10px}.targets-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.target-row{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.target-text{min-width:0}.target-form,.host-form,.env-form{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;gap:10px;margin:8px 0;padding:12px;display:flex}.host-inv-list,.env-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.host-inv-row,.env-row{border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.host-inv-text{min-width:0}.env-name{font-weight:500}.env-row .row-actions,.host-inv-row .row-actions{margin-left:auto}.webhook-url{border:1px solid var(--border);background:#f1f2f6;border-radius:8px;align-items:center;gap:10px;margin:8px 0 14px;padding:8px 12px;display:flex;overflow-x:auto}.webhook-url code{white-space:nowrap}.empty-hint{background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);padding:30px}form label+label{margin-top:10px}