:root{--bg:#fff;--panel:#fbfffc;--panel-2:#f4fbf5;--line:#1f453021;--line-strong:#1f453038;--text:#3f4140;--muted:#3f4140b3;--faint:#3f414073;--green:#00c896;--green-soft:#dff8e4;--orange:#ff8a00;--danger:#f23838;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 1px 1px, #00c89629 1px, transparent 0), linear-gradient(90deg, #1f45300b 1px, transparent 1px), linear-gradient(#1f45300b 1px, transparent 1px), var(--bg);background-size:20px 20px,140px 140px,140px 140px,auto;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.65}.shell{width:min(100%,1040px);min-height:100vh;margin:0 auto}.topbar{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;min-height:68px;display:flex}.brand{align-items:center;gap:12px;padding:0 24px;display:flex}.brandMark{border:1px solid var(--green);border-radius:10px;width:34px;height:34px;display:inline-block;position:relative}.brandMark:before{content:"cg";color:var(--green);letter-spacing:-.08em;place-items:center;font-family:ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:800;display:grid;position:absolute;inset:0}.brand p,.brand strong,.topnav span,.controls label,.resultBar span,.workflowMeta span,.statusLine{letter-spacing:.02em}.brand p{color:var(--green);letter-spacing:-.05em;margin:0 0 1px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:800}.brand strong{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:400;display:block}.topnav{align-items:center;gap:28px;padding:0 32px;display:flex}.topnav span{color:var(--muted);font-size:13px}.workflowCount{background:var(--orange);padding:10px 14px;font-weight:700;color:#fff!important}.userEmail{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.topnav button{background:var(--green);color:#fff;padding:10px 14px;font-size:13px;font-weight:700}.authShell{place-items:center;padding:32px 18px;display:grid}.authCard{border:1px solid var(--line-strong);background:#ffffffeb;width:min(100%,440px);padding:32px}.authBrand{align-items:center;gap:12px;margin-bottom:48px;display:flex}.authBrand p{color:var(--green);letter-spacing:-.05em;margin:0 0 1px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:800}.authBrand strong{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:400;display:block}.authCard h1{text-align:left;margin:0 0 14px;font-size:42px}.authCard>p{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.55}.loginForm{gap:16px;display:grid}.loginForm label{color:var(--faint);text-transform:uppercase;gap:9px;font-size:11px;display:grid}.loginForm button{background:var(--orange);color:#fff;min-height:44px;margin-top:6px;font-weight:800}.authError{color:#8b1c1c;background:#f238381a;border:1px solid #f2383847;padding:12px;font-size:12px}.titleGrid{min-height:372px;padding-top:88px;display:block}.titleContent{text-align:center;max-width:780px;margin:0 auto}.heroBrand{color:var(--green);letter-spacing:-.05em;text-align:center;margin:40px 0 18px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(22px,3vw,38px);font-weight:800}h1{color:var(--text);letter-spacing:-.075em;margin:0 auto;font-size:clamp(32px,4.1vw,54px);font-weight:800;line-height:1.16}.titleContent>p:not(.heroBrand){width:min(100%,620px);color:var(--muted);text-align:left;margin:76px auto 0;font-size:14px;line-height:1.55}.controls{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:#fbfffce6;grid-template-columns:minmax(240px,1.25fr) minmax(150px,.75fr) minmax(210px,1fr) 150px 130px;display:grid}.controls label{border-right:1px solid var(--line);min-width:0;color:var(--faint);text-transform:uppercase;flex-direction:column;gap:10px;padding:18px 16px;font-size:11px;display:flex}.controls label:last-child{border-right:0}input,select{width:100%;min-height:42px;color:var(--text);background:#fff;border:1px solid #1f45302e;border-radius:0;outline:none;padding:0 12px}input::placeholder{color:#3f41405c}select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input:focus,select:focus{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.customFilter{position:relative}.filterSelectButton{width:100%;min-height:42px;color:var(--text);text-align:left;background:#fff;border:1px solid #1f45302e;padding:0 12px}.filterSelectButton:focus{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);outline:none}.filterMenu{z-index:10;border:1px solid var(--line-strong);background:#fff;max-height:260px;position:absolute;top:calc(100% - 18px);left:16px;right:16px;overflow-y:auto}.filterMenu button{border-bottom:1px solid var(--line);width:100%;min-height:38px;color:var(--text);text-align:left;background:#fff;padding:0 12px;display:block}.filterMenu button:hover,.filterMenu button.selected{background:var(--panel-2);color:var(--green)}.notice{color:#7a4300;background:#ff8a001a;border-bottom:1px solid #ff8a006b;padding:14px 16px;font-size:12px}.notice p{margin:0}.notice p+p{margin-top:6px}.notice.error{color:#8b1c1c;background:#f238381a;border-bottom-color:#f2383885}.resultBar{border-bottom:1px solid var(--line-strong);background:#ffffffe0;grid-template-columns:1fr auto auto;align-items:center;gap:20px;min-height:62px;padding:0 18px;display:grid}.resultBar span{color:var(--faint);text-transform:uppercase;font-size:12px}.resultBar strong{color:var(--green);font-size:13px;font-weight:700}.paginationBar{border-bottom:1px solid var(--line-strong);background:#fbfffce6;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:58px;padding:0 18px;display:grid}.paginationBar span{color:var(--muted);font-size:12px}.paginationBar span:first-child{color:var(--green);font-weight:800}.paginationBar div{gap:8px;display:flex}.paginationBar button{border:1px solid var(--line-strong);min-height:38px;color:var(--text);background:#fff;padding:0 12px;font-size:12px;font-weight:700}.paginationBar button:not(:disabled):hover{border-color:var(--green);color:var(--green)}.workflowList{padding-bottom:80px;display:grid}.workflowCard{border-bottom:1px solid var(--line);background:#ffffffd1;grid-template-columns:minmax(250px,.82fr) 1.18fr;display:grid}.workflowCard:hover{background:#f4fbf5f0}.workflowMain{border-right:1px solid var(--line);padding:24px 20px}.statusLine{color:var(--faint);text-transform:uppercase;align-items:center;gap:14px;margin-bottom:18px;font-size:11px;display:flex}.status{color:var(--muted)}.status:before{content:"";background:var(--faint);width:7px;height:7px;margin-right:8px;display:inline-block}.status.active:before{background:var(--green)}.status.inactive:before{background:var(--danger)}.workflowCard h2{color:var(--text);letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(14px,1.18vw,19px);line-height:1.22}.workflowCard p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.workflowMeta{grid-template-columns:.58fr 1fr;display:grid}.workflowMeta>div{border-right:1px solid var(--line);padding:24px 20px}.workflowMeta>div:last-child{border-right:0}.workflowMeta span{color:var(--faint);text-transform:uppercase;margin-bottom:12px;font-size:11px;display:block}.rankingPage{border-top:1px solid var(--line-strong);padding-bottom:80px}.rankingHeader{border-bottom:1px solid var(--line-strong);background:#ffffffe0;justify-content:space-between;gap:24px;padding:28px 18px;display:flex}.rankingHeader span{color:var(--green);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.rankingHeader h2{color:var(--text);letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(22px,3vw,38px);line-height:1.12}.rankingHeader p{color:var(--muted);margin:0;font-size:13px}.rankingHeader strong{background:var(--orange);color:#fff;align-self:start;align-items:center;min-height:42px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.rankingFilters{border-bottom:1px solid var(--line-strong);background:#fbfffce6;grid-template-columns:minmax(220px,1fr) 180px 160px;display:grid}.rankingFilters label{border-right:1px solid var(--line);min-width:0;color:var(--faint);text-transform:uppercase;flex-direction:column;gap:10px;padding:18px 16px;font-size:11px;display:flex}.rankingFilters label:last-child{border-right:0}.rankingChart{background:#ffffffd1;display:grid}.rankingRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(240px,.5fr) 1fr;align-items:center;gap:20px;padding:18px;display:grid}.rankingLabel{grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-width:0;display:grid}.rankingLabel span{color:var(--green);font-size:12px;font-weight:800}.rankingLabel strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.rankingLabel em{color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal}.rankingTrack{border:1px solid var(--line);background:#fff;height:18px}.rankingTrack div{background:var(--green);height:100%}.emptyState{border-bottom:1px solid var(--line);min-height:180px;color:var(--muted);background:#fbfffce6;padding:44px 20px;font-size:14px}@media (width<=980px){.shell{width:min(100%,760px)}.topbar,.topnav,.workflowCard,.workflowMeta{display:block}.brand{padding:16px 18px}.topnav{padding:0 18px 18px}.topnav span{margin:0 14px 10px 0;display:inline-block}.titleGrid{min-height:auto;padding:42px 18px 54px}.titleContent{text-align:left}.heroBrand{text-align:left;margin-top:0}.titleContent>p:not(.heroBrand){margin-top:36px}.controls{grid-template-columns:1fr 1fr}.rankingFilters{grid-template-columns:1fr}.rankingFilters label,.workflowMain,.workflowMeta>div{border-right:0;border-bottom:1px solid var(--line)}.rankingHeader,.rankingRow{display:block}.rankingHeader strong{margin-top:20px}.rankingTrack{margin-top:14px}}@media (width<=620px){body{background-size:18px 18px,92px 92px,92px 92px,auto}.topnav span:last-child{display:inline-block}.controls,.resultBar{grid-template-columns:1fr}.paginationBar{grid-template-columns:1fr;padding:14px 18px}.paginationBar div{width:100%}.paginationBar button{flex:1}.controls label{border-right:0;border-bottom:1px solid var(--line)}h1{font-size:34px}}