*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#172334;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{background:#14263d;color:#fff;padding:20px max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:21px;margin:2px 0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;opacity:.7;margin:0}.topbar button{color:#fff;border-color:#53647a}.intro,main{max-width:1120px;margin:auto}.intro{margin:28px auto 22px;padding:28px;border-radius:18px;background:#e5edf6;display:flex;justify-content:space-between;gap:24px;align-items:center}.intro h2{font-size:clamp(24px,4vw,36px);line-height:1.1;margin:8px 0}.intro p{color:#52647a}.stats{display:flex;gap:22px}.stats div{display:grid;text-align:center;min-width:58px}.stats strong{font-size:24px}.stats span,.muted{font-size:12px;color:#68788c}.toolbar{display:flex;gap:10px;margin:18px 0}.toolbar input{flex:1}input,select,textarea{font:inherit;padding:11px 12px;border:1px solid #d5dce5;border-radius:9px;background:white;color:#172334;min-width:0}button{font:inherit;border:0;border-radius:9px;padding:10px 16px;background:#1768a8;color:white;cursor:pointer}.secondary{background:transparent;border:1px solid #9ba9b9}.panel{background:#fff;border:1px solid #e1e6ed;border-radius:15px;padding:22px;margin-bottom:40px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:14px}.panel-head h3{margin:0}.panel-head p{margin:2px 0;color:#718096;font-size:13px}.pill{font-size:11px;border-radius:20px;padding:5px 10px;background:#edf4f9;color:#315a7b}.tree{padding:12px 0}.tree ul{list-style:none;margin:0;padding-left:25px;border-left:1px solid #dce3eb}.tree>ul{padding-left:0;border:0}.tree li{padding:7px 0;position:relative}.tree li:before{content:"";position:absolute;left:-25px;top:22px;width:17px;border-top:1px solid #dce3eb}.tree>ul>li:before{display:none}.node{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e8edf2;border-radius:9px;max-width:850px}.node:hover{background:#f8fafc}.node-title{font-weight:600;flex:1}.node-meta{font-size:11px;color:#728196}.type{font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#edf2f7;border-radius:5px;padding:3px 6px;color:#4c6076}.status{font-size:11px;color:#68788c}.progress{height:5px;width:60px;background:#e7ecf1;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:#3b8b72}.add-child{background:transparent;color:#246a9c;padding:3px 7px;font-size:12px}.empty{padding:20px;color:#77879a}dialog{border:0;border-radius:16px;padding:0;width:min(520px,calc(100% - 28px));box-shadow:0 20px 70px #0b1e3340}dialog::backdrop{background:#10243b88}dialog form{padding:24px;display:grid;gap:13px}dialog label{display:grid;gap:5px;font-size:13px;font-weight:600}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h3{margin:0}.icon-btn{background:transparent;color:#172334;font-size:24px;padding:0 8px}.primary{margin-top:5px}.error{color:#b42318}.node button{opacity:.7}@media(max-width:680px){.intro{margin:16px 12px;display:block}.stats{margin-top:20px;justify-content:flex-start}.toolbar{margin:12px;flex-wrap:wrap}.toolbar input{flex-basis:100%}.panel{margin:12px;padding:14px}.topbar{padding:16px}.node{flex-wrap:wrap}.node-meta{width:100%}}