:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#252a32;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.app{display:grid;grid-template-columns:220px minmax(0,1fr) 305px;min-height:100vh}.sidebar{background:#22262d;color:#b6bdc8;padding:18px 12px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.mark{width:28px;height:28px;border-radius:7px;background:#d8f3e5;color:#173a2a;display:grid;place-items:center;font-weight:800}.brand b{display:block;color:#fff;font-size:14px}.brand span,.user span{display:block;font-size:10px;color:#8c95a3}.icon{padding:5px;display:inline-flex;position:relative;color:#7f8995}.close,.menu{display:none}.connection{border:1px solid #373d46;border-radius:6px;padding:8px;font-size:10px}.connection i,.sync i,.node-state i,.dot{display:inline-block;width:7px;height:7px;background:#47c487;border-radius:50%;margin-right:6px}.connection em{float:right;color:#69d49f;font-style:normal}.nav{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:5px;text-align:left;color:#b4bbc5;font-size:12px}.nav:hover,.nav.active{background:#353b44;color:#fff}.nav small{margin-left:auto;color:#7f8997}.projects{border-top:1px solid #373d46;padding-top:14px}.projects label{display:flex;justify-content:space-between;padding:0 9px 7px;text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:#737d89}.project{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border-radius:5px;text-align:left;font-size:11px}.project.active{background:#303640;color:#fff}.project i{width:8px;height:8px;border-radius:2px;background:#69bfee}.project:nth-of-type(2) i{background:#9a82dc}.project small{margin-left:auto;color:#76808d}.bottom{margin-top:auto}.user{border-top:1px solid #373d46;padding:12px 6px 0;display:flex;gap:8px;align-items:center}.user>strong{width:25px;height:25px;border-radius:50%;background:#a88ce6;color:#2a2140;display:grid;place-items:center;font-size:10px}.user b{font-size:11px;color:#fff}main{min-width:0}header{height:62px;background:#fff;border-bottom:1px solid #e2e5e8;padding:0 24px;display:flex;align-items:center}.crumb{display:flex;align-items:center;gap:7px;font-size:11px;color:#929aa5}.crumb b{color:#333a44}.head-right{margin-left:auto;display:flex;align-items:center;gap:14px}.search{width:230px;height:31px;border:1px solid #e0e3e7;border-radius:5px;display:flex;align-items:center;gap:7px;padding:0 8px;color:#8b949f}.search input{border:0;outline:0;width:100%;font-size:11px}.search kbd{font-size:9px;background:#f2f3f5;border:1px solid #e2e4e7;border-radius:3px;padding:2px 4px;color:#999}.icon>i{position:absolute;width:5px;height:5px;background:#df6f6f;border-radius:50%;top:2px;right:2px}.sync{font-size:10px;color:#8c95a0}.page{padding:28px 30px 42px;max-width:1300px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-head label,.inspect>label{font-size:9px;color:#89929d;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.page h1{font-size:24px;line-height:1.2;margin:5px 0}.page-head p{font-size:12px;color:#858e99;margin:0}.page-head>div:last-child{display:flex;gap:7px}.btn{height:33px;border-radius:5px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:600}.btn.primary{background:#276749;color:#fff;margin-left:7px}.btn.secondary{background:#fff;border:1px solid #dfe3e7;color:#505965}.full{width:100%;margin-top:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.7fr;background:#fff;border:1px solid #dfe3e7;border-radius:7px;margin-bottom:22px}.stats.three{grid-template-columns:repeat(3,1fr)}.stats>div{padding:14px 17px;border-right:1px solid #e7e9ec}.stats>div:last-child{border:0}.stats span,.stats small{display:block;font-size:10px;color:#8d96a1}.stats b{display:block;font-size:22px;margin:2px 0}.stats b small{display:inline;font-size:13px}.stats .readonly{display:flex;align-items:center;gap:9px;color:#4b8666;background:#fafdfb}.readonly b{font-size:11px;margin:0}.readonly small{font-size:10px}.toolbar{display:flex;justify-content:space-between;margin-bottom:10px}.tabs button,.filter{font-size:11px;color:#7e8792;padding:6px 9px;border-radius:4px}.tabs button.selected{background:#e7eaed;color:#2c333c;font-weight:600}.tabs small{color:#9ba3ad}.filter{display:flex;align-items:center;gap:5px}.board{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:11px}.lane{background:#eaedf0;border-radius:6px;padding:9px;min-height:310px}.lane-title{padding:2px 3px 9px;font-size:10px;font-weight:700;color:#69737f}.lane-title small{margin-left:6px;color:#9ba3ac}.lane-title em{float:right;color:#4a9c73;font-style:normal;font-weight:500}.work{display:block;width:100%;background:#fff;border:1px solid #e0e4e7;border-radius:6px;text-align:left;padding:11px;margin-bottom:7px}.work:hover,.work.selected{border-color:#86af98;box-shadow:0 0 0 2px #dcece2}.work>div{display:flex;justify-content:space-between}.work>b{display:block;font-size:12px;line-height:1.4;margin-top:7px}.work p{font-size:10px;line-height:1.5;color:#858f9a;margin:4px 0 10px}.work footer{display:flex;justify-content:space-between;font-size:9px;color:#9aa2ab}.work footer span{display:flex;align-items:center;gap:4px}.badge{display:inline-flex;align-items:center;font-size:9px;padding:3px 6px;border-radius:4px;background:#edf0f2;color:#68727e;white-space:nowrap}.badge.red{background:#fbe7e7;color:#aa5050}.badge.amber{background:#fff2db;color:#98701e}.badge.blue{background:#e5f0fa;color:#3976a8}.badge.green{background:#e2f3e9;color:#397a57}.inspector{background:#fff;border-left:1px solid #e1e4e8}.inspect{padding:25px 20px}.inspect h2{font-size:17px;line-height:1.35;margin:13px 0 7px}.inspect>p{font-size:11px;color:#7e8894;line-height:1.5}.meta{display:flex;gap:7px;align-items:center;color:#9aa2ac;font-size:9px;padding-bottom:18px;border-bottom:1px solid #eceef0}.inspect section{padding:16px 0;border-bottom:1px solid #eceef0}.inspect section>label{display:block;text-transform:uppercase;font-size:9px;font-weight:700;color:#87919c;margin-bottom:9px;letter-spacing:.06em}.inspect section label em{color:#45a273;font-style:normal;text-transform:none}.run{display:flex;align-items:center;gap:8px}.run>div{flex:1}.run b,.run small{display:block}.run b{font-size:10px}.run small{font-size:9px;color:#939ca7}.unassigned{font-size:11px;color:#989fa8}.chain p{font-size:10px;margin:0;padding:5px 0;border-left:1px solid #dfe3e7;color:#4a865f}.chain p:last-child{border:0;color:#929aa4}.chain small{display:block;margin-left:24px;color:#99a1aa}.inspect code{display:block;font-size:9px;color:#707a86;padding:3px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.link{font-size:10px;color:#4c7d62;display:flex;align-items:center;gap:4px;padding-top:8px}.table{border:1px solid #dfe3e7;background:#fff;border-radius:7px;overflow:hidden}.table-head{padding:14px 16px;border-bottom:1px solid #e8ebed;display:flex;justify-content:space-between;font-size:11px}.table-head span{font-size:9px;color:#9aa2ab}.node{display:grid;grid-template-columns:2fr .9fr repeat(3,1fr) .8fr;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #eceef0}.node:last-child{border:0}.node-name{display:flex;align-items:center;gap:8px}.node-icon{width:28px;height:28px;background:#e3f2e9;color:#438660;border-radius:6px;display:grid;place-items:center}.node-icon.unknown{background:#fff0d8;color:#9d7425}.node-name b,.node-name small{display:block}.node-name b{font-size:11px}.node-name small{font-size:9px;color:#929ba6}.node-state,.runs{font-size:9px;color:#77818c}.node-state i.unknown{background:#d39636}.metric span{font-size:9px;color:#929ba5}.metric b{font-size:10px;margin-left:5px}.metric>i{display:block;height:4px;background:#edf0f2;border-radius:4px;margin-top:4px}.metric>i em{display:block;height:100%;background:#70b58f;border-radius:4px}.runs{display:flex;justify-content:space-between}.note{display:flex;align-items:center;gap:7px;border:1px solid #eeddb7;background:#fff8e9;color:#99742b;border-radius:5px;margin-top:11px;padding:9px 11px;font-size:10px}.hub-chain{display:flex;align-items:stretch;gap:7px;overflow:auto;padding-bottom:22px}.stage{background:#fff;border:1px solid #dfe3e7;border-radius:7px;padding:13px;min-width:145px;flex:1}.stage.active{border-color:#7fb293;box-shadow:0 0 0 2px #dceee3}.stage span,.stage b,.stage small{display:block}.stage span{font-size:9px;text-transform:uppercase;color:#8e97a2;display:flex;align-items:center;gap:6px}.stage b{font-size:11px;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage small{font-size:9px;color:#9aa2ab}.connector{align-self:center;color:#bec4ca;flex:none}.lower{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.panel{background:#fff;border:1px solid #dfe3e7;border-radius:7px;padding:14px;font-size:11px}.result{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #eceef0;margin-top:9px}.result>svg{width:26px;height:26px;padding:5px;border-radius:6px;background:#e4f3e9;color:#3e835c}.result>div{flex:1}.result b,.result small{display:block}.result b{font-size:10px}.result small{font-size:9px;color:#969fa9}.sessions{display:grid;grid-template-columns:1fr 1.4fr;background:#fff;border:1px solid #dfe3e7;border-radius:7px;min-height:420px}.sessions>div:first-child{border-right:1px solid #e8ebed}.session{padding:13px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #eceef0}.session.selected{background:#f1f8f4}.session>div{flex:1}.session b,.session small{display:block}.session b{font-size:11px}.session small{font-size:9px;color:#949da7}.session-empty{display:grid;place-content:center;text-align:center;color:#8a949f}.session-empty svg{margin:auto}.session-empty b{font-size:12px;color:#555f6b;margin-top:9px}.session-empty p{font-size:10px;width:220px}.menu{display:none}@media (max-width:1100px){.app{grid-template-columns:200px minmax(0,1fr)}.inspector{display:none}.board{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:700px){.app{display:block}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:240px;transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.close,.menu{display:inline-flex}.close{margin-left:auto}header{padding:0 13px}.head-right{gap:6px}.search{width:32px;border:0}.search input,.search kbd,.sync{display:none}.page{padding:21px 14px}.page h1{font-size:21px}.stats{grid-template-columns:repeat(2,1fr)}.stats .readonly{grid-column:span 2}.board{grid-template-columns:1fr}.lane{min-height:100px}.lower{grid-template-columns:1fr}.node{grid-template-columns:1.6fr 1fr}.node .metric,.runs{display:none}.sessions{grid-template-columns:1fr}.session-empty{display:none}}.focus{display:grid;grid-template-columns:1.8fr .7fr .8fr;gap:0;background:#f8fbf9;border:1px solid #cfe4d6;border-radius:7px;margin-bottom:16px}.focus>div{padding:13px 16px;border-right:1px solid #dcece1}.focus>div:last-child{border:0}.focus span,.focus small{display:block;font-size:10px;color:#789181}.focus b{display:block;font-size:13px;color:#315d43;margin:3px 0}.focus-step strong{display:block;font-size:16px;color:#3f835e}.auth-screen{min-height:100vh;display:grid;place-items:center;background:#f5f6f8}.login{width:min(380px,calc(100vw - 40px));background:#fff;border:1px solid #dfe3e7;border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 36px #17202a14}.login .mark{width:38px;height:38px}.login h1{font-size:24px;margin:4px 0}.login p{color:#7e8894;margin:0 0 8px;font-size:12px}.login input{height:42px;border:1px solid #cdd6df;border-radius:6px;padding:0 12px;font-size:14px}.error{color:#c0392b}