:root{color-scheme:dark;--bg:#0b111b;--surface:#101925;--raised:#152131;--line:#223044;--muted:#7f91a9;--text:#e8eef5;--mint:#65e5bc;--blue:#8eb9fa;--amber:#e8bc79;--red:#ee8e98;font-family:Inter,"Segoe UI","Microsoft YaHei UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button{border:0}button:disabled{opacity:.5;cursor:wait}.shell{display:flex;min-height:100vh}.sidebar{width:226px;flex-shrink:0;background:#0e1622;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;font-size:19px;font-weight:650;letter-spacing:-.5px;padding:0 8px 42px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:1px;margin-top:4px}.brand-symbol{height:62px;width:62px;display:flex;align-items:center;justify-content:center;background:var(--mint);border-radius:19px;color:#10241f;font-size:48px;font-weight:750;letter-spacing:-8px;padding-right:8px}.brand-symbol span{color:#25644e}.brand-symbol.small{width:37px;height:37px;font-size:31px;letter-spacing:-5px;padding-right:5px;border-radius:11px}.nav-label{font-size:11px;color:#6f829b;letter-spacing:1px;margin:10px 12px 13px;display:flex;justify-content:space-between}.nav{width:100%;display:flex;gap:12px;align-items:center;background:transparent;color:#a5b5c9;padding:12px;border-radius:8px;text-align:left;margin:3px 0}.nav:hover{background:#162334}.nav.active{background:#1b302e;color:var(--mint)}.nav>span:first-child{font-size:18px;width:20px;text-align:center}.nav-count{margin-left:auto;color:var(--mint);font-size:11px;background:#29493f;padding:2px 6px;border-radius:4px}.source-heading{margin-top:31px}.priority{font-size:9px;color:var(--mint);border:1px solid #315247;border-radius:4px;padding:1px 4px;margin-left:auto}.tool-icon{display:inline-flex;align-items:center;justify-content:center}.codex-icon{color:#d7e3ef}.zcode-icon{color:#9eaffe;font-weight:700}.machine-list{font-size:12px;color:#a9b9ce}.machine-entry{padding:10px 12px;display:flex;gap:9px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-dot,.machine-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--mint);flex-shrink:0}.machine-dot.offline{background:#667384}.sidebar-bottom{margin-top:auto;padding:30px 10px 0;color:#99adbd;font-size:11px}.sidebar-bottom .mini-dot{margin-right:5px}.sidebar-bottom small{display:block;margin:9px 0 0 13px;color:#536b81;font-size:10px}main{min-width:0;flex:1;padding:0 38px;max-width:1800px}.topbar{height:80px;border-bottom:1px solid #1c2838;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#a0b0c5}.breadcrumb span{padding:0 12px;color:#42536b}.top-actions{display:flex;gap:20px;align-items:center}.connection{font-size:11px;color:#93a4ba;display:flex;align-items:center;gap:7px}.connection i{height:6px;width:6px;border-radius:50%;background:var(--mint)}.connection.offline i{background:var(--amber)}.icon-button{background:transparent;border:1px solid transparent;color:#8fa3bc;border-radius:7px;font-size:19px;padding:5px 8px}.icon-button:hover{border-color:var(--line);color:var(--text);background:#142131}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:36px 0 30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:600;margin:0 0 13px}h1{font-size:28px;letter-spacing:-.8px;line-height:1.45;margin:0 0 10px;font-weight:600}.mint{color:var(--mint)}.muted{color:var(--muted);line-height:1.8;font-size:12px;margin:0}.secondary,.primary{border:1px solid #2b3d52;border-radius:7px;background:#152231;padding:11px 16px;font-size:12px;white-space:nowrap;display:inline-flex;gap:12px;align-items:center;justify-content:center}.secondary:hover{border-color:#5b8279}.primary{background:var(--mint);border-color:var(--mint);color:#0b2d22;font-weight:650}.primary:hover{background:#91f1d1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.stat{background:linear-gradient(110deg,#131e2d,#101925);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:15px;padding:19px 20px;position:relative;min-height:101px}.stat-icon{height:41px;width:41px;display:grid;place-items:center;font-size:22px;border-radius:12px;flex-shrink:0}.mint-bg{color:var(--mint);background:#1a3733}.blue-bg{color:var(--blue);background:#20314c}.amber-bg{color:var(--amber);background:#352d26}.stat-label{font-size:11px;color:#91a3ba;display:block}.stat strong{display:block;font-size:29px;line-height:1.4;font-weight:550;font-variant-numeric:tabular-nums}.stat-hint{margin-left:auto;align-self:flex-end;font-size:10px;color:#526980;padding-bottom:4px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(295px,36%) minmax(0,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#0e1723;min-height:540px;height:calc(100vh - 400px);max-height:1050px}.task-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.pane-title{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 12px}h2{font-size:14px;font-weight:600;margin:0}.pane-title h2 span{font-size:10px;color:var(--muted);padding:3px 6px;background:#1e2b3e;border-radius:5px;margin-left:8px}.search{margin:0 18px 14px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:9px 11px;background:#0c141f;color:#6d84a0}.search span{font-size:19px}.search input{background:transparent;border:0;outline:none!important;color:var(--text);font-size:11px;width:100%}.search input::placeholder{color:#5e738e}.tabs{display:flex;gap:7px;padding:0 18px 14px;border-bottom:1px solid var(--line)}.tabs button{font-size:11px;background:transparent;color:#7c90a9;border-radius:5px;padding:7px 10px}.tabs button.selected{color:#d4e3ef;background:#243248}.task-list{padding:9px;overflow:auto;flex:1}.task-card{display:block;width:100%;text-align:left;border-radius:8px;border:1px solid transparent;background:transparent;padding:17px 13px;margin-bottom:5px}.task-card:hover{background:#152132}.task-card.selected{background:#182b2e;border-color:#2a524b;position:relative}.task-card.selected::before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:3px;border-radius:5px;background:var(--mint)}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:11px;gap:8px}.source-label{color:#a4b7cd;display:flex;align-items:center;gap:6px}.source-label b{height:20px;width:20px;display:grid;place-items:center;border-radius:5px;background:#293449;color:#c5d1e3;font-size:13px}.badge{border:1px solid #33445a;color:#99afc7;display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 8px;font-size:10px;white-space:nowrap}.badge.running{color:var(--mint);background:#1a3a30;border-color:#2b5a48}.badge.failed{color:var(--red);background:#3b242e;border-color:#66404b}.badge.completed,.badge.turn_done{color:#9dc4ff;border-color:#354e70;background:#1d2c43}.badge.waiting{color:var(--amber)}.task-card h3{font-size:13px;font-weight:550;line-height:1.65;margin:0 0 8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-action{font-size:11px;color:#6f899d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:15px;line-height:1.5}.card-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#6b839b}.card-machine{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-list{padding:42px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.9}.detail{overflow:auto;min-width:0;scroll-behavior:smooth}.empty-detail{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9cb0c6}.orbit{color:#395a65;font-size:65px;line-height:1.5;margin-bottom:14px}.empty-detail h2{font-size:17px;color:#c4d2e3;font-weight:500}.empty-detail p{text-align:center;line-height:1.9;font-size:12px;color:#637c96;margin:14px 0 25px}.keyboard-hint{font-size:9px;color:#456079;letter-spacing:2px}.detail-head{padding:25px 26px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#101a28f5;backdrop-filter:blur(12px);z-index:2}.detail-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.detail-kicker span{font-size:10px;color:#8299b5}.detail-head h2{font-size:19px;line-height:1.55;word-break:break-word;margin-bottom:12px}.detail-meta{font-size:11px;color:#7891ab;display:flex;gap:15px;flex-wrap:wrap}.detail-back{display:none}.current-action{margin:20px 24px 15px;padding:13px 14px;border:1px solid #29473f;border-radius:8px;background:#142b27;color:#8bc7af;font-size:11px;line-height:1.7;word-break:break-word}.current-action span{display:block;font-size:9px;letter-spacing:1px;color:#529a80;margin-bottom:5px}.timeline-title{padding:8px 26px;font-size:10px;letter-spacing:1.5px;color:#607a98;display:flex;justify-content:space-between}.timeline{padding:10px 26px 24px}.event{border-left:1px solid #29394d;padding:0 0 24px 20px;position:relative}.event::before{content:"";width:6px;height:6px;border:3px solid #101a28;border-radius:50%;background:#6d93b4;position:absolute;left:-6px;top:1px}.event.finish::before{background:var(--mint)}.event.error::before{background:var(--red)}.event-label{display:flex;justify-content:space-between;font-size:10px;color:#8babc3;line-height:1.4;margin-bottom:10px;gap:12px}.event-label time{font-size:9px;color:#526c86;font-variant-numeric:tabular-nums}.event pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 "Segoe UI","Microsoft YaHei UI",sans-serif;color:#b5c6d7}.event.user pre{color:#87a8c4}.event details{background:#0a131f;border:1px solid #213247;border-radius:6px;overflow:hidden}.event summary{cursor:pointer;color:#819cb8;font:10px/1.6 "Cascadia Code",Consolas,monospace;padding:9px 11px;word-break:break-all}.event details pre{font:11px/1.75 "Cascadia Code",Consolas,monospace;padding:12px;border-top:1px solid #1b2a3d;color:#8ca6bd}.more-history{display:block;margin:10px auto 20px}.detail-note{font-size:10px;color:#638097;line-height:1.7;margin:8px 26px 20px}footer{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;color:#46607b;padding:22px 0}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#19373566,transparent 60%);padding:30px}.login-card{width:380px;max-width:100%;border:1px solid #263c49;border-radius:18px;padding:34px;background:#101b28e0;box-shadow:0 30px 90px #0005}.login-card .brand-symbol{margin-bottom:35px}.login-card h1{font-size:32px;margin:0 0 15px}.login-card .eyebrow{font-size:9px}.login-card label{display:block;color:#9db4c6;font-size:11px;margin:30px 0 10px}.login-card input{width:100%;border-radius:7px;background:#0b1420;color:var(--text);border:1px solid #2b4255;padding:13px;font-size:12px}.login-card .primary{width:100%;justify-content:space-between;margin-top:14px}.error{font-size:11px;color:var(--red);line-height:1.6;min-height:18px}.login-foot{text-align:center;font-size:9px;color:#4a6880;margin:28px 0 0}dialog{max-width:460px;width:calc(100% - 32px);background:#122031;color:var(--text);border:1px solid #32495e;border-radius:14px;padding:28px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#03090dc9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-heading h2{font-size:20px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 18px}.settings-row strong{font-size:12px;font-weight:500}.settings-row p{color:#7891aa;font-size:11px;line-height:1.7;max-width:230px}.wide{display:block;width:100%;margin:10px 0}.note{color:#708aa6;font-size:11px;line-height:1.9;margin:24px 0}.text-button{display:block;margin:24px auto 0;background:transparent;font-size:11px;color:#91a9bf}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#22433b;border:1px solid #3b7564;border-radius:8px;box-shadow:0 8px 30px #0008;z-index:20;font-size:12px;color:#bbf1dc;max-width:90vw;text-align:center}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#2b3d50;border-radius:5px}
@media(min-width:1600px){main{padding:0 56px}.page-heading{padding:42px 0}.workspace{height:calc(100vh - 440px)}.stat{padding:22px}.task-card{padding:20px}.detail-head{padding:28px 32px}.timeline{padding:14px 32px}}
@media(max-width:1250px){.sidebar{width:193px;padding:28px 12px}main{padding:0 24px}.stat-hint{display:none}.page-heading h1{font-size:25px}.workspace{grid-template-columns:minmax(270px,40%) minmax(0,1fr)}.stats{gap:11px}.stat{padding:16px;gap:12px}.page-heading>.secondary{padding:10px}.brand{font-size:17px}}
@media(max-width:980px){.sidebar{width:70px;padding:24px 10px}.brand{padding:0 6px 30px}.brand>div:last-child,.nav-label,.source-heading,.source,.sidebar-bottom,.machine-list,.nav-count{display:none}.nav{font-size:0;justify-content:center;padding:13px 8px}.nav>span:first-child{font-size:22px}.topbar{height:65px}.page-heading{padding:28px 0}.page-heading h1{font-size:23px}.stats{margin-bottom:24px}.stat-label{font-size:10px}.workspace{height:calc(100vh - 360px)}.detail-head{padding:20px}.detail-head h2{font-size:17px}.timeline{padding:10px 20px}.detail-meta{gap:8px}.stat-icon{height:34px;width:34px;border-radius:10px}.stat strong{font-size:25px}.page-heading .muted{font-size:11px}}
@media(max-width:720px){.sidebar{display:none}main{padding:0 18px}.topbar{height:59px}.breadcrumb{font-size:11px}.breadcrumb>span{padding:0 6px}.top-actions{gap:10px}.connection{font-size:10px}.page-heading{padding:27px 0 23px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:9px}.page-heading h1{font-size:21px;letter-spacing:-.6px;margin-bottom:7px}.page-heading .muted{font-size:10px}.page-heading>.secondary{font-size:0;gap:0;padding:9px 12px;margin-top:22px}.page-heading>.secondary span{font-size:19px}.stats{gap:8px;margin-bottom:22px}.stat{padding:12px 10px;display:block;min-height:88px;border-radius:8px}.stat-icon{display:none}.stat-label{font-size:9px;line-height:1.5;min-height:25px}.stat strong{font-size:26px}.workspace{display:block;min-height:540px;height:calc(100dvh - 330px);border-radius:10px}.task-pane{height:100%;border:0}.pane-title{padding:17px 16px 10px}.search{margin:0 14px 12px}.tabs{padding:0 14px 12px;gap:12px}.tabs button{font-size:11px;padding:7px 12px}.task-card{padding:16px}.task-card h3{font-size:14px}.task-list{padding:8px}.detail{display:none;height:100%}.workspace.has-detail .task-pane{display:none}.workspace.has-detail .detail{display:block}.detail-back{display:inline-flex;padding:5px 0;margin-bottom:13px;background:transparent;color:#8aacbf;font-size:11px}.detail-head{padding:16px 20px}.detail-head h2{font-size:17px}.detail-meta{font-size:10px}.current-action{margin:17px}.timeline-title{padding:8px 20px}.timeline{padding:10px 20px}.event pre{font-size:12px}.detail-note{margin:8px 20px 15px}footer{font-size:8px;gap:5px;padding:18px 0;flex-wrap:wrap}.login-card{padding:29px}.dialog-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}