:root{--ink:#18201d;--muted:#718078;--line:#dfe6e2;--paper:#f2f5f1;--green:#164c38;--mint:#d8f36a;--blue:#496dff;--white:#fff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.rail{min-height:100vh;background:#12231c;color:#f4f8f5;padding:25px 17px 18px;flex-direction:column}.logo,.rail{display:flex}.logo{align-items:center;gap:11px;padding:0 9px 25px;border-bottom:1px solid #2d3e36}.logo>span{width:38px;height:38px;display:grid;place-items:center;color:#173827;background:var(--mint);border-radius:12px;transform:rotate(-4deg)}.logo svg{width:18px}.logo small,.logo strong{display:block}.logo strong{font-size:19px;letter-spacing:.03em}.logo small{color:#82958b;font-size:9px;letter-spacing:.16em;margin-top:3px}.rail-title{display:flex;justify-content:space-between;padding:24px 9px 11px;color:#7f9187;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rail-title span{background:#2b3d34;border-radius:10px;padding:2px 7px;color:#aebdb5}.task-list{display:flex;flex-direction:column;gap:6px;flex:1 1;overflow:auto}.task-list button{display:grid;grid-template-columns:7px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:12px 10px;border:0;border-radius:11px;color:#dfe7e2;background:transparent;text-align:left}.task-list button.selected,.task-list button:hover{background:#23372d}.task-list .dot{width:7px;height:7px;border-radius:50%;background:#e4b94d}.task-list .dot.completed{background:#68d495}.task-list .dot.planned{background:#6e91ff}.task-list .dot.rejected{background:#e7756b}.task-list small,.task-list strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list strong{font-size:11px}.task-list small{color:#819188;font-size:9px;margin-top:5px}.empty{text-align:center;color:#73857b;padding:45px 10px}.empty svg{width:28px;height:28px}.empty p{font-size:12px;margin:8px 0 3px}.empty small{font-size:9px}.runtime{display:flex;align-items:center;gap:10px;padding:18px 9px 0;border-top:1px solid #2d3e36}.pulse{width:9px;height:9px;border-radius:50%;background:#71dc9a;box-shadow:0 0 0 4px #254733}.runtime small,.runtime strong{display:block}.runtime strong{font-size:11px}.runtime small{font-size:9px;color:#819188;margin-top:3px}.main-stage{min-width:0;padding:0 30px 35px}.main-stage>header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3de}.main-stage>header p{margin:0 0 4px;font-size:9px;font-weight:700;color:#738178;letter-spacing:.16em;text-transform:uppercase}.main-stage>header h1{margin:0;font-size:22px;letter-spacing:-.03em}.health{display:flex;align-items:center;gap:7px;color:#176344;background:#e3eee7;border-radius:20px;padding:8px 12px;font-size:10px;font-weight:700}.health svg{width:15px}.dashboard{max-width:1350px;margin:22px auto 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.75fr);grid-gap:16px;gap:16px;align-items:start}.panel{background:white;border:1px solid #e0e6e1;border-radius:17px;box-shadow:0 7px 24px rgba(20,42,31,.035);overflow:hidden}.panel-head{display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid #edf0ee}.panel-head>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e7f0e9;color:#236246;font-size:9px;font-weight:700}.panel-head h2{font-size:13px;margin:0}.panel-head p{font-size:9px;margin:3px 0 0;color:#8c9791}.composer form{padding:18px 20px}.composer textarea{width:100%;height:91px;resize:none;border:1px solid #d9e0db;border-radius:12px;padding:13px 14px;outline:none;font-size:12px;line-height:1.65}.composer input:focus,.composer textarea:focus{border-color:#6d9b83;box-shadow:0 0 0 3px #eaf2ec}.composer form>input{width:100%;margin-top:9px;border:1px solid #dfe4e0;border-radius:9px;padding:10px 12px;outline:none;font-size:10px}.template-row{display:flex;gap:6px;margin-top:10px}.template-row button{border:1px solid #e0e5e1;background:#f7f9f7;color:#66736b;border-radius:14px;padding:5px 9px;font-size:9px}.template-row button:hover{border-color:#87a993;color:#225b41}.submit-row{justify-content:space-between;margin-top:15px}.submit-row,.submit-row label{display:flex;align-items:center}.submit-row label{gap:6px;color:#77827b;font-size:10px}.primary{border:0;background:#173f2d;color:#fff;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.primary:hover{background:#0f5a38}.primary:disabled{opacity:.55}.primary svg{width:14px}.error{margin:0 20px 18px;background:#fff0ed;color:#a44538;border-radius:9px;padding:9px 11px;font-size:10px}.overview-body{padding:19px 20px}.badges{display:flex;gap:6px;flex-wrap:wrap}.badges b{font-size:8px;color:#385849;background:#eaf1ec;border-radius:12px;padding:5px 8px}.badges .risk.high{background:#fff0ec;color:#ab4938}.badges .risk.medium{background:#fff6df;color:#956d18}.overview-body>p{font-size:12px;line-height:1.7;color:#4d5b53;margin:15px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.stat-grid div{background:#f5f7f5;border-radius:10px;padding:10px}.stat-grid small,.stat-grid strong{display:block}.stat-grid small{font-size:8px;color:#8a958f}.stat-grid strong{font-size:17px;margin-top:3px}.result{margin-top:12px;display:flex;gap:7px;align-items:center;background:#eaf5ed;color:#256747;border-radius:10px;padding:10px;font-size:9px}.result svg{width:16px;height:16px}.plan{grid-column:1/-1}.plan-flow{padding:23px 20px;display:flex;gap:4px;overflow-x:auto}.plan-flow>div{display:flex;align-items:center;gap:7px;min-width:145px;color:#8b9690}.plan-flow>div>i{width:25px;height:25px;border:1px solid #d9dfdb;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;flex:none}.plan-flow>div>span{min-width:0}.plan-flow small,.plan-flow strong{display:block;white-space:nowrap}.plan-flow strong{font-size:10px}.plan-flow small{font-size:8px;margin-top:3px}.plan-flow>div>svg{width:14px;margin-left:auto;color:#c2cac5;flex:none}.plan-flow .done{color:#26704d}.plan-flow .done>i{background:#e5f2e9;border-color:#75ad8b}.plan-flow .current{color:#203f30}.plan-flow .current>i{background:var(--mint);border-color:var(--mint);font-weight:700}.trace-list{padding:12px 18px 18px;max-height:360px;overflow:auto}.trace-list>div{display:grid;grid-template-columns:8px 1fr auto;grid-gap:10px;gap:10px;padding:9px;border-radius:9px;align-items:start}.trace-list>div:hover{background:#f5f7f5}.trace-list>div>i{width:7px;height:7px;border-radius:50%;background:#65957c;box-shadow:0 0 0 3px #e5eee8;margin-top:4px}.trace-list>div.supervisor>i{background:#b6cb43;box-shadow:0 0 0 3px #f0f4db}.trace-list strong{font-size:10px}.trace-list p{font-size:9px;line-height:1.5;color:#7b8780;margin:3px 0 0}.trace-list>div>small{display:flex;gap:4px;align-items:center;color:#357152;background:#eaf2ed;padding:4px 6px;border-radius:7px;font-size:8px}.trace-list>div>small svg{width:12px}.artifact-grid{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.artifact-grid article{display:grid;grid-template-columns:29px 1fr;grid-gap:9px;gap:9px;padding:12px;background:#f6f8f6;border:1px solid #ebefec;border-radius:11px}.artifact-grid article>svg{width:25px;height:25px;color:#3f7358}.artifact-grid small,.artifact-grid strong{display:block}.artifact-grid small{font-size:8px;color:#819087}.artifact-grid strong{font-size:10px;margin-top:3px}.artifact-grid p{font-size:8px;line-height:1.5;color:#768179;margin:5px 0 0}.approval-card{padding:18px 20px}.approval-card>div:first-child{display:flex;gap:9px;align-items:center}.approval-card>div:first-child>svg{width:27px;height:27px;color:#d39a28}.approval-card small,.approval-card strong{display:block}.approval-card strong{font-size:11px}.approval-card small{font-size:8px;color:#9a7529;margin-top:3px}.approval-card p{font-size:9px;color:#707c75;line-height:1.6;background:#fff9e9;padding:10px;border-radius:9px}.approval-card>div:last-child{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:8px;gap:8px}.approval-card button{border:0;border-radius:9px;padding:9px;display:flex;justify-content:center;gap:5px;align-items:center;font-size:10px;font-weight:700;background:#f1f3f1;color:#627068}.approval-card button.approve{background:#173f2d;color:#fff}.approval-card button svg{width:14px}.placeholder{min-height:155px;display:grid;place-content:center;text-align:center;color:#9aa49e;padding:25px}.placeholder svg{width:26px;height:26px;margin:auto}.placeholder p{font-size:9px;line-height:1.6;max-width:220px}.artifacts .placeholder,.trace .placeholder{min-height:220px}@media(max-width:1000px){.app-shell{grid-template-columns:210px 1fr}.main-stage{padding:0 20px 30px}.dashboard{grid-template-columns:1fr}.plan{grid-column:auto}.artifact-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{display:block}.rail{min-height:auto;padding:15px}.logo{padding-bottom:15px}.rail-title,.runtime,.task-list{display:none}.main-stage{padding:0 12px 25px}.main-stage>header{height:82px}.main-stage>header h1{font-size:17px}.health{display:none}.dashboard{margin-top:12px;gap:11px}.plan-flow{flex-direction:column}.plan-flow>div{width:100%}.plan-flow>div>svg{transform:rotate(90deg)}}.stat-grid{grid-template-columns:repeat(4,1fr)}.rail-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:16px 0 2px}.rail-nav a{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:9px;color:#8fa197;font-size:9px;text-decoration:none}.rail-nav a.active,.rail-nav a:hover{color:#f4f8f5;background:#2a3e34}.rail-nav svg{width:13px;height:13px}.tool-list{padding:14px 18px 18px}.file-upload{display:flex;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;margin-top:9px;padding:7px 10px;border:1px dashed #cbd6cf;border-radius:9px;color:#627168;font-size:9px;cursor:pointer}.file-upload:hover{border-color:#6e9b83;color:#245e43}.export svg,.file-upload svg{width:14px;height:14px}.file-upload input{display:none}.export{display:flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin-top:11px;color:#2e6d4c;font-size:9px;text-decoration:none}.tool-list>div{display:grid;grid-template-columns:27px 1fr 16px;grid-gap:9px;gap:9px;align-items:start;padding:10px;border-bottom:1px solid #edf0ee}.tool-list>div:last-child{border-bottom:0}.tool-list>div>svg:first-child{width:24px;height:24px;color:#3f7358}.tool-list>div>svg:last-child{width:15px;height:15px;color:#4e9a6c}.tool-list small,.tool-list strong{display:block}.tool-list strong{font-size:10px}.tool-list small{margin-top:3px;color:#7d8982;font-size:8px}.tool-list p{margin:4px 0 0;color:#68756d;font-size:9px}@media (max-width:700px){.stat-grid{grid-template-columns:repeat(2,1fr)}}