:root{
  --wb-red:#C52C2F;
  --wb-green:#116A55;
  --wb-amber:#A66B16;
  --wb-ink:#171A1D;
  --wb-muted:#697078;
  --wb-line:#E5E7E8;
  --wb-soft:#F7F8F8;
  --wb-sidebar:208px;
}
*{box-sizing:border-box}
html{background:#fff;color:var(--wb-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body{margin:0;min-width:320px;background:#fff;font-size:14px;letter-spacing:0}
button,input{font:inherit;letter-spacing:0}button{color:inherit}a{color:inherit;text-decoration:none}
.workbench-app{min-height:100vh;display:grid;grid-template-columns:var(--wb-sidebar) minmax(0,1fr)}
.workbench-sidebar{position:sticky;top:0;height:100vh;z-index:30;display:flex;flex-direction:column;border-right:1px solid var(--wb-line);background:#fff;padding:20px 14px}
.workbench-brand{display:flex;align-items:center;gap:11px;padding:0 10px 22px}.workbench-brand img{width:34px;height:34px}.workbench-brand b{display:block;font-size:17px}.workbench-brand small{display:block;margin-top:4px;color:var(--wb-muted);font-size:10px}
.workbench-nav{display:grid;gap:4px}.workbench-nav>span{margin:15px 11px 5px;color:#969CA1;font-size:10px;font-weight:800}.workbench-nav>a{min-height:43px;display:flex;align-items:center;gap:10px;border-radius:6px;padding:0 11px;color:#3E444A;font-weight:650}.workbench-nav>a i{width:20px;color:#697078;font-size:18px}.workbench-nav>a:hover{background:var(--wb-soft)}.workbench-nav>a.active{background:#FBEDEC;color:var(--wb-red)}.workbench-nav>a.active i{color:var(--wb-red)}
.workbench-back{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid var(--wb-line);padding:16px 10px 2px;color:var(--wb-muted);font-size:12px;font-weight:700}
.workbench-workspace{min-width:0}.workbench-topbar{position:sticky;top:0;z-index:20;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--wb-line);background:rgba(255,255,255,.96);padding:10px 26px;backdrop-filter:blur(16px)}
.workbench-topbar>div:first-child{display:flex;align-items:baseline;gap:12px;min-width:0}.workbench-topbar h1{margin:0;font-size:18px}.workbench-topbar span{color:var(--wb-muted);font-size:11px}.workbench-top-actions{display:flex;align-items:center;gap:14px}.workbench-top-actions b{font-size:12px}.workbench-menu{display:none;border:0;background:transparent;font-size:22px;padding:4px}
.workbench-main{max-width:1540px;margin:0 auto;padding:20px 26px 120px}
.workbench-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--wb-line);border-radius:6px;background:#fff;margin-bottom:16px}.workbench-metrics article{position:relative;min-height:94px;padding:15px 16px}.workbench-metrics article:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:var(--wb-line)}.workbench-metrics span,.workbench-metrics small{display:block;color:var(--wb-muted);font-size:11px}.workbench-metrics b{display:block;margin:6px 0 5px;font-size:25px;font-variant-numeric:tabular-nums}.workbench-metrics article:nth-child(2) b,.workbench-metrics article:nth-child(3) b,.workbench-metrics article:nth-child(4) b{color:var(--wb-amber)}
.workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.workbench-board,.workbench-process,.workbench-trust{border:1px solid var(--wb-line);border-radius:6px;background:#fff}.workbench-tabs{display:flex;align-items:center;gap:0;overflow:auto;border-bottom:1px solid var(--wb-line);padding:0 10px}.workbench-tabs button{min-height:50px;flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 13px;color:#596067;font-weight:700;cursor:pointer}.workbench-tabs button.active{color:var(--wb-red);border-bottom-color:var(--wb-red)}.workbench-tabs b{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;margin-left:5px;border-radius:10px;background:#F0F1F2;color:#596067;font-size:10px}.workbench-tabs button.active b{background:#FBEDEC;color:var(--wb-red)}
.workbench-toolbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--wb-line);padding:8px 14px}.workbench-toolbar label{position:relative;display:block;width:min(360px,60%)}.workbench-toolbar label i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#858B90}.workbench-toolbar input{width:100%;height:38px;border:1px solid #D8DBDD;border-radius:5px;outline:0;padding:0 12px 0 34px}.workbench-toolbar input:focus{border-color:#9DA2A6}.workbench-toolbar>span{color:var(--wb-muted);font-size:11px}
.workbench-list{min-height:420px}.workbench-row{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(170px,24%) auto;gap:13px;align-items:center;border-bottom:1px solid var(--wb-line);padding:14px 16px}.workbench-row:last-child{border-bottom:0}.workbench-row:hover{background:#FCFCFC}.workbench-row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#F0F2F1;color:#4D5551;font-size:16px}.workbench-row-icon.review{background:#FBF2E5;color:var(--wb-amber)}.workbench-row-icon.running{background:#EAF4F0;color:var(--wb-green)}.workbench-row-main{min-width:0}.workbench-row-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.workbench-row-main p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:5px 0 0;color:#5F666C;font-size:11.5px;line-height:1.55}.workbench-row-meta{min-width:0;color:var(--wb-muted);font-size:10.5px;line-height:1.65}.workbench-row-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-row-state{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.workbench-status{display:inline-flex;align-items:center;min-height:24px;border-radius:4px;background:#F1F2F2;color:#5B6268;padding:0 7px;font-size:10px;font-weight:800}.workbench-status.review,.workbench-status.pending{background:#FBF1DF;color:#8B5D15}.workbench-status.running,.workbench-status.succeeded,.workbench-status.verified{background:#E8F3EE;color:#0E6750}.workbench-status.failed,.workbench-status.blocked,.workbench-status.rejected{background:#FBE9E8;color:#A12B2D}.workbench-action{border:0;background:transparent;color:var(--wb-green);padding:0;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap}.workbench-action:hover{text-decoration:underline}.workbench-empty{display:grid;place-items:center;min-height:180px;padding:24px;color:var(--wb-muted);text-align:center}
.workbench-side{display:grid;gap:16px;position:sticky;top:84px}.workbench-side-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--wb-line);padding:0 15px}.workbench-side-head h2{margin:0;font-size:14px}.workbench-side-head span{color:var(--wb-muted);font-size:10px}.workbench-process ol{list-style:none;margin:0;padding:5px 15px 10px}.workbench-process li{position:relative;display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px;padding:11px 0}.workbench-process li:not(:last-child):after{content:"";position:absolute;left:13px;top:39px;bottom:-4px;width:1px;background:#DDE1DF}.workbench-process li>i{width:27px;height:27px;z-index:1;display:grid;place-items:center;border:1px solid #CFD5D2;border-radius:50%;background:#fff;color:#4A5550;font-size:10px;font-style:normal;font-weight:800}.workbench-process li b,.workbench-process li span{display:block}.workbench-process li b{font-size:12px}.workbench-process li span{margin-top:4px;color:var(--wb-muted);font-size:10.5px;line-height:1.5}.workbench-control{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--wb-line);padding:11px 15px}.workbench-control:last-child{border-bottom:0}.workbench-control b{font-size:11.5px}.workbench-control span{color:var(--wb-green);font-size:10px;font-weight:800}.workbench-control span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--wb-green)}
.workbench-overlay{display:none}.workbench-toast{position:fixed;z-index:1200;left:50%;bottom:104px;transform:translate(-50%,10px);opacity:0;pointer-events:none;border-radius:5px;background:#1B211F;color:#fff;padding:10px 13px;font-size:12px;transition:.18s}.workbench-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.workbench-metrics{grid-template-columns:repeat(3,1fr)}.workbench-metrics article:nth-child(3):after{display:none}.workbench-metrics article:nth-child(n+4){border-top:1px solid var(--wb-line)}}
@media(max-width:940px){.workbench-app{display:block}.workbench-sidebar{position:fixed;left:0;top:0;width:var(--wb-sidebar);transform:translateX(-100%);transition:transform .2s;box-shadow:14px 0 40px rgba(20,25,23,.12)}body.workbench-nav-open .workbench-sidebar{transform:none}.workbench-menu{display:block}.workbench-topbar>div:first-child{align-items:center}.workbench-overlay{position:fixed;inset:0;z-index:25;background:rgba(20,24,22,.24)}body.workbench-nav-open .workbench-overlay{display:block}.workbench-grid{grid-template-columns:1fr}.workbench-side{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:680px){.workbench-main{padding:14px 10px 120px}.workbench-topbar{padding:10px 13px}.workbench-topbar>div:first-child>span{display:none}.workbench-top-actions>span{display:none}.workbench-metrics{grid-template-columns:repeat(2,1fr)}.workbench-metrics article:nth-child(2):after,.workbench-metrics article:nth-child(4):after{display:none}.workbench-metrics article:nth-child(3):after{display:block}.workbench-metrics article:nth-child(n+3){border-top:1px solid var(--wb-line)}.workbench-grid{gap:12px}.workbench-row{grid-template-columns:32px minmax(0,1fr) auto;padding:13px 12px}.workbench-row-meta{grid-column:2 / -1}.workbench-row-state{grid-column:3;grid-row:1 / span 2}.workbench-side{grid-template-columns:1fr}.workbench-toolbar{align-items:stretch;flex-direction:column}.workbench-toolbar label{width:100%}.workbench-toolbar>span{padding-left:2px}.workbench-tabs{padding:0 4px}.workbench-tabs button{padding:0 9px}}
