@charset "UTF-8";
:root{--ink:#172c46;--muted:#718096;--blue:#1664ea;--line:#e4e9f1;--bg:#f4f6fa;--green:#168062;--red:#c13f48;--amber:#ac7518;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--font:"Avenir Next","PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);font-size:14px;background:var(--bg)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:wait}button,a{transition:background .15s,color .15s,box-shadow .15s}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #84b5ff;outline-offset:3px}input,select{border:1px solid #d4dce8;background:white;border-radius:6px;padding:11px 12px;color:var(--ink);width:100%;min-height:44px}input:focus,select:focus{outline:2px solid #8cb6ff;outline-offset:1px}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--blue)}label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}h1,h2,h3,p{margin:0}h2{font-size:19px;font-weight:650}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.9px;font-weight:600;color:#7386a1}.primary,.secondary{border-radius:6px;padding:10px 15px;border:1px solid transparent;font-weight:600;min-height:41px;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 2px 3px #1664ea12}.primary:hover{background:#0c51ca}.secondary{background:white;border-color:#d8e0ed;color:#43546b}.secondary:hover{background:#f1f5fc}.wide{width:100%}.field-note{font-size:11px;color:var(--muted);margin:8px 0 24px;line-height:1.7}.error{color:var(--red);font-size:13px;line-height:1.7}.notice{padding:13px 16px;border-radius:6px;background:#eef4ff;border:1px solid #dce8ff;font-size:12px;line-height:1.8;margin-bottom:18px}.notice.error{background:#fff3f3;border-color:#f5d8d8}.wordmark{font-family:var(--mono);font-size:12px;letter-spacing:1.2px;font-weight:bold;display:flex;align-items:center;gap:11px;color:inherit}.brand-icon{display:grid;place-items:center;background:var(--blue);color:white;width:33px;height:33px;border-radius:7px;font-size:23px;letter-spacing:-2px;font-family:var(--font);flex-shrink:0}
.login-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:white}.login-story{padding:44px 11%;background:#10233f;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #8eafd019;border-radius:50%;bottom:-230px;left:-130px;box-shadow:0 0 0 70px #8eafd008,0 0 0 140px #8eafd006;pointer-events:none}.story-body{margin:auto 0;padding:70px 0}.story-body .eyebrow{color:#7eabe9}.story-body h1{font-weight:500;font-size:clamp(36px,4vw,61px);line-height:1.45;letter-spacing:1px;margin:25px 0}.story-copy{font-size:15px;color:#b3c1d4;line-height:2}.flow{display:flex;align-items:center;gap:20px;margin-top:53px;font:12px var(--mono);color:#becde0}.flow span{display:flex;align-items:center;gap:8px}.flow b{color:#46678e}.flow-dot{height:9px;width:9px;border-radius:50%;background:#79acff}.flow-dot.outlined{background:transparent;border:1.5px solid #79acff}.story-footer{font:9px var(--mono);letter-spacing:2px;color:#6d86a7;padding:0 0 4px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:60px 35px}.login-form{width:380px}.small-label{font-size:12px;letter-spacing:1px;color:var(--blue);font-weight:600}.login-form h2{font-size:30px;letter-spacing:-.5px;margin:12px 0 17px}.login-form>.muted{font-size:13px;line-height:1.9;margin-bottom:34px}.login-form>.muted strong{font-weight:600;color:#344865}.login-form .primary{display:flex;justify-content:space-between;padding:13px 16px}.login-form .error{margin-bottom:15px}.privacy-note{display:flex;gap:12px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line);color:#8591a3;font-size:11px;line-height:1.9}.lock-icon{font-size:18px;color:#93a2b6}
.workspace{display:flex;min-height:100vh}.sidebar{width:223px;flex-shrink:0;background:#13253e;color:#aebed2;position:fixed;top:0;bottom:0;padding:27px 15px;display:flex;flex-direction:column}.sidebar .wordmark{padding:0 11px;color:white;position:relative;display:block;padding-left:57px;line-height:1.65}.sidebar .brand-icon{position:absolute;left:10px;top:1px}.wordmark-sub{font-size:10px;letter-spacing:3px;color:#9aabc2}.org-switch{margin:35px 2px 28px;padding:14px 8px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;display:flex;align-items:center;gap:10px}.org-avatar{background:#294261;width:31px;height:31px;border-radius:6px;display:grid;place-items:center;color:#d3e2f8;font:15px var(--mono)}.org-switch b{font-size:12px;color:#e8eef8;font-weight:600}.org-switch small{display:block;font-size:10px;margin-top:4px;color:#7b93b1}.org-switch>.connected-dot{margin-left:auto}.connected-dot{width:6px;height:6px;background:#6ac9a1;border-radius:50%;display:inline-block}.nav-label{font-size:10px;color:#6a829e;padding:0 14px;letter-spacing:1px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:transparent;color:#9db0c9;font-size:12px;border:none;border-radius:6px;text-align:left;margin-bottom:5px}.nav-item.active{background:#214576;color:#f6f9ff;box-shadow:inset 3px 0 #70a9ff}.nav-item:hover{background:#213b5d;color:white}.nav-glyph{font:17px var(--mono)}.nav-count{margin-left:auto;font:10px var(--mono);background:#ffffff15;padding:3px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;border-top:1px solid #ffffff12}.connection-label{font-size:10px;color:#8fa5bf;display:flex;gap:7px;align-items:center}.logout{background:none;border:none;color:#c3d0e0;display:flex;justify-content:space-between;width:100%;font-size:11px;padding:18px 0 0}.logout:hover{color:white}.main-wrap{margin-left:223px;width:calc(100% - 223px)}.topbar{height:61px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:11px}.topbar strong{font-weight:600}.slash{margin:0 14px;color:#bcc5d1}.topbar-tag{background:#f4f6fa;color:#78879a;border:1px solid var(--line);padding:4px 9px;border-radius:4px;font-size:10px}main{padding:37px 36px 18px;max-width:1580px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.page-heading h1{font-size:37px;letter-spacing:-1.4px;font-weight:650;line-height:1.6}.heading-dot{color:var(--blue)}.page-heading>.muted,.page-heading p.muted{font-size:12px}.heading-actions{display:flex;align-items:center;gap:17px}.updated{font-size:10px;color:#8995a7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:8px;padding:19px 21px;display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:11px;color:#77869b}.stat-value{font-size:30px;letter-spacing:-1px;font-weight:600;line-height:1.4;margin-top:4px}.stat-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;font-size:17px;background:#edf3ff;color:var(--blue)}.stat.success .stat-mark{background:#eaf6f0;color:var(--green)}.stat.failed .stat-mark{background:#fff0f0;color:var(--red)}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 20px;gap:15px}.panel-heading h2{font-size:16px}.panel-heading p.small{margin-top:6px;font-size:11px}.count-label{font:10px var(--mono);color:#8b99aa;margin-left:10px}.live-label{font-size:10px;color:#8593a6;display:flex;align-items:center;gap:7px;white-space:nowrap}.live-label i{width:5px;height:5px;background:#529b83;border-radius:50%}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 23px 18px}.filters{display:flex;gap:3px}.filter{border:none;background:none;border-radius:5px;padding:7px 12px;color:#7a889b;font-size:11px}.filter.active{background:#edf3ff;color:var(--blue);font-weight:600}.filter:hover{background:#f1f5fb}.search-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;width:218px;margin:0;gap:7px;padding-left:10px;color:#7b8a9d}.search-wrap input{border:none;min-height:33px;padding:5px 8px 5px 0;font-size:11px;background:transparent}.search-wrap span{font-size:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafbfd;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;color:#8b97a9;font-size:9px;letter-spacing:.65px;font-weight:500;padding:12px 20px}th:first-child{padding-left:23px}td{padding:17px 20px;border-bottom:1px solid #edf0f5;font-size:11px}tr:last-child td{border-bottom:none}.pipeline-table tbody tr{cursor:pointer;transition:background .13s}.pipeline-table tbody tr:hover{background:#f9fbff}.pipeline-table tbody tr.selected{background:#f5f8ff}.pipeline-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 var(--blue)}.pipeline-name{display:flex;align-items:center;gap:12px}.pipeline-icon{width:33px;height:33px;border:1px solid #dfe8f5;display:grid;place-items:center;border-radius:7px;font:14px var(--mono);color:var(--blue);background:#f8faff}.pipeline-icon.deploy{color:#8b6c41;background:#fffaf2;border-color:#f0e5d2}.pipeline-name strong{font-family:var(--mono);font-size:11px;font-weight:600;color:#2b405e}.pipeline-name small{display:block;font-size:10px;margin-top:5px;color:#95a1b1}.run-number{font:11px var(--mono);color:#52627b}.secondary-line{display:block;color:#95a0b1;font-size:10px;margin-top:6px}.branch-chip{font:10px var(--mono);color:#7b8aa1;display:inline-flex;gap:6px}.badge{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500;background:#f0f3f8;color:#7b899e}.badge.success{background:#eaf6f0;color:var(--green)}.badge.failed{background:#fff0f0;color:var(--red)}.badge.running{background:#edf3ff;color:var(--blue)}.badge.partial{background:#fff6e7;color:var(--amber)}.status-symbol{font-size:10px}.badge.running .status-symbol{animation:blink 1.8s ease-in-out infinite}.row-run{background:transparent;border:1px solid #dce4ef;color:#64758e;border-radius:5px;font-size:10px;padding:6px 9px}.row-run:hover{background:var(--blue);color:white;border-color:var(--blue)}.history-panel .panel-heading .eyebrow{margin-bottom:8px}.history-panel .panel-heading h2{font-family:var(--mono);font-size:13px}.history-table tbody tr{cursor:pointer}.history-table tbody tr:hover{background:#f8faff}.history-table td{padding-top:14px;padding-bottom:14px}.history-table td:first-child{padding-left:23px}.env-tag{font:9px var(--mono);border:1px solid #e3e8f1;border-radius:4px;padding:3px 6px;color:#75849b}.env-tag.prod{border-color:#efcfd0;color:#ae4852;background:#fff8f8}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#9ca7b6;padding:0 0 6px}.loading{color:#97a2b0;font-size:12px;padding:24px;text-align:center}.empty{padding:38px;color:#8b99ad;text-align:center}
dialog{border:none;padding:0;color:var(--ink);box-shadow:0 20px 80px #13253e40}dialog::backdrop{background:#0d213d68;backdrop-filter:blur(2px)}.drawer{height:100dvh;max-height:100dvh;width:485px;max-width:100vw;margin:0 0 0 auto;border-radius:0;animation:slide-in .2s ease-out}.drawer form{height:100%;display:flex;flex-direction:column}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:25px 27px;border-bottom:1px solid var(--line);gap:15px}.dialog-head h2{font-size:20px;margin-top:9px}.icon-button{border:none;background:transparent;font-size:25px;color:#8b99ac;padding:0 5px;line-height:1}.dialog-content{padding:25px 27px;overflow-y:auto;flex:1}.queue-summary{font:11px var(--mono);background:#f2f6fc;border:1px solid #e3eaf6;border-radius:6px;padding:15px;margin-bottom:26px;overflow-wrap:anywhere;line-height:1.8}.queue-summary .badge{margin-left:10px}.section-rule{height:1px;background:var(--line);margin:20px 0}.dialog-content h3{margin-bottom:9px}.parameter-fields{margin-top:24px}.param-field{margin-bottom:20px}.param-field small{display:block;font:10px var(--mono);color:#95a1b3;margin-bottom:8px}.param-field label{margin-bottom:6px}.param-field .check-label{display:flex;align-items:center;gap:10px;font-weight:500}.dialog-footer{padding:19px 27px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;background:white}.production-confirm{background:#fff2f0;color:#a94a43;padding:14px;border:1px solid #f4d9d5;border-radius:6px;margin-bottom:17px}.production-confirm label{display:flex;gap:10px;font-size:11px;margin:0;align-items:center;line-height:1.7}.run-dialog{width:1100px;max-width:95vw;border-radius:10px;max-height:90dvh}.run-content{padding:22px 25px}.run-meta{display:flex;gap:18px;align-items:center;margin-bottom:23px;font-size:11px;flex-wrap:wrap}.run-body{display:grid;grid-template-columns:225px 1fr;gap:20px;min-height:340px}.step-button{display:flex;align-items:center;text-align:left;background:none;border:1px solid transparent;border-radius:5px;padding:10px;width:100%;gap:8px;font-size:11px;color:#667893;line-height:1.6}.step-button.active{background:#edf3ff;border-color:#dfe9ff;color:var(--blue)}.step-button:hover{background:#f4f7fc}.step-dot{height:7px;width:7px;border-radius:50%;background:#a0adc0;flex-shrink:0}.step-dot.succeeded{background:#36a583}.step-dot.failed{background:var(--red)}.step-dot.inProgress{background:var(--blue)}.log-area{border:1px solid #263a57;background:#13243d;border-radius:6px;min-width:0;overflow:hidden}.log-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;color:#9fb1ce;border-bottom:1px solid #ffffff12;font:10px var(--mono);gap:12px}.log-heading a{color:#8ab6ff;font:10px var(--font)}pre{font:10px/1.85 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#d2dfef;padding:17px;margin:0;overflow-y:auto;max-height:46dvh;min-height:270px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172d4b;color:white;font-size:12px;padding:15px 24px;border-radius:7px;box-shadow:0 5px 25px #10223b30;z-index:20;max-width:90vw}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes blink{50%{opacity:.3}}@keyframes slide-in{from{transform:translateX(35px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(min-width:1500px){main{padding-top:44px}.pipeline-table td{padding-top:22px;padding-bottom:22px}.page-heading{margin-bottom:35px}}@media(max-width:1100px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.main-wrap{margin-left:190px;width:calc(100% - 190px)}main{padding:28px 22px}.topbar{padding:0 22px}.heading-actions{flex-direction:column;align-items:flex-end;gap:7px}td,th{padding-left:13px;padding-right:13px}.pipeline-name{gap:8px}.pipeline-name strong{font-size:10px}.row-run{padding:6px}.run-body{grid-template-columns:180px 1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-story{padding:25px 30px;min-height:310px}.story-body{padding:35px 0}.story-body h1{font-size:30px;margin:12px 0}.story-body br{display:none}.story-copy{font-size:12px}.flow{margin-top:22px}.story-footer{display:none}.login-form-wrap{padding:40px 27px}.sidebar{width:65px;padding:18px 6px}.sidebar .wordmark{font-size:0;padding:0;height:35px}.sidebar .brand-icon{left:10px}.wordmark-sub,.org-switch,.nav-label,.sidebar .nav-item,.sidebar-bottom{display:none}.main-wrap{margin-left:65px;width:calc(100% - 65px)}.topbar{height:52px;padding:0 15px;font-size:10px}.slash{margin:0 7px}.topbar-tag{display:none}main{padding:24px 14px}.page-heading h1{font-size:29px}.page-heading p.muted{font-size:10px;max-width:180px;line-height:1.8}.page-heading .eyebrow{font-size:8px;letter-spacing:1px}.heading-actions .secondary{font-size:10px;padding:8px;min-height:34px}.updated{font-size:8px}.stats{gap:7px}.stat{padding:12px 10px}.stat-mark{display:none}.stat-value{font-size:25px}.stat-label{font-size:9px}.panel-heading{padding:18px 15px}.panel-heading h2{font-size:14px}.live-label{font-size:8px}.toolbar{padding:0 12px 15px;align-items:stretch;flex-direction:column;gap:10px}.filter{font-size:10px}.search-wrap{width:100%}.pipeline-table{min-width:685px}.history-table{min-width:650px}.history-panel .panel-heading{flex-direction:column;align-items:flex-start}.history-panel .primary{font-size:10px;padding:7px 12px;min-height:34px}.page-footer{font-size:8px;gap:15px;line-height:1.8}.drawer{width:100vw}.run-dialog{max-width:96vw;width:96vw}.run-body{grid-template-columns:1fr}.run-content{padding:16px}.run-dialog .dialog-head{padding:20px}.run-body #run-steps{max-height:190px;overflow:auto}pre{max-height:36dvh}.run-meta{gap:10px}.story-body .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}