*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#182230;font-family:system-ui,"Segoe UI",sans-serif}.shell{max-width:1050px;margin:auto;padding:24px;display:grid;gap:16px}header,.notice,.toolbar,.editor,.tree-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 28px #1f2e4514}header{display:flex;justify-content:space-between;align-items:center;gap:18px}h1,h2,p{margin:0}header p,.tree-head p,.editor-head p{color:#667085;margin-top:5px}header a,button{border:0;border-radius:10px;padding:10px 14px;background:#1769e0;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.notice{border-left:5px solid #1769e0}.toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:14px;align-items:end}label{display:grid;gap:7px;font-weight:700}select,input{width:100%;border:2px solid #aebbc9;border-radius:10px;padding:11px;font:inherit;background:#fff}.archive{display:flex;align-items:center;gap:7px;font-weight:500;padding-bottom:10px}.archive input{width:auto}.editor{border:2px solid #1769e0}.editor form{display:grid;gap:14px}.editor-head,.tree-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.icon{font-size:24px;line-height:1;padding:5px 10px;background:#667085}.form-row{display:grid;grid-template-columns:1fr 150px;gap:12px}.buttons{display:flex;gap:8px}.secondary{background:#667085}#status{min-height:20px;color:#a22626}.tree-panel{min-height:260px}.tree-head{margin-bottom:14px}.tree-list,.tree-list ul{list-style:none;margin:0;padding:0}.tree-list ul{margin-left:28px;border-left:2px solid #d8e2ef;padding-left:14px}.tree-node{margin:8px 0}.node-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:10px;align-items:center;border:1px solid #dce3ec;border-radius:11px;padding:10px;background:#fafbfd}.tree-node.archived>.node-row{opacity:.55}.toggle{width:30px;height:30px;padding:0;background:#e7eef8;color:#1769e0}.toggle.empty{visibility:hidden}.node-name strong,.node-name small{display:block}.node-name small{color:#667085;margin-top:3px}.node-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.node-actions button{padding:7px 9px;font-size:12px}.node-actions .add{background:#18794e}.node-actions .archive-btn{background:#a15c00}.node-actions .restore{background:#18794e}.empty-state{text-align:center;padding:45px 20px;color:#667085}.empty-state button{margin-top:14px}@media(max-width:760px){.shell{padding:12px}.toolbar{grid-template-columns:1fr}.archive{padding:0}.node-row{grid-template-columns:auto 1fr}.node-actions{grid-column:1/-1;justify-content:flex-start}.tree-list ul{margin-left:14px;padding-left:8px}.form-row{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}