:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7edf5;background:#111720;color-scheme:dark;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:#111720;color:#e7edf5}a{color:#9ec8fa}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,#203858 0,transparent 38%),radial-gradient(circle at 90% 80%,#3a2944 0,transparent 36%),#111720}.login-panel{width:min(420px,calc(100% - 2rem));padding:2rem;background:#1a222e;border:1px solid #344154;border-radius:14px}.login-panel h1{color:#75aef3;margin:0}.login-panel p,.panel-heading p{color:#aeb9c8}.login-panel label,.detail-panel label{display:grid;gap:.4rem;margin:1rem 0;font-weight:650}input,select{font:inherit;color:#f1f5fa;background:#111923;padding:.72rem .8rem;border:1px solid #526176;border-radius:8px}input:focus,select:focus,button:focus,.node-row:focus{outline:3px solid #74aef0;outline-offset:2px}button{font:inherit;font-weight:700;color:#0d1722;background:#77b5fa;border:0;border-radius:8px;padding:.7rem 1rem;cursor:pointer}.secondary{color:#dbe8f7;background:#2b3b50}.alert{margin-top:1rem;padding:.7rem;border-left:4px solid #ef7777;background:#3a2228;color:#ffdede}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#171f2a;border-bottom:1px solid #344154}.app-header h1{margin:0;color:#75aef3}.app-header nav{display:flex;gap:1.2rem;align-items:center}.app-header form{margin:0}.app-shell{padding:2rem}.tree-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,35%);gap:1.5rem}.tree-panel,.detail-panel{background:#171f2a;border:1px solid #344154;border-radius:12px;padding:1.25rem}.tree-panel{border-top:3px solid #826fc7}.detail-panel{border-top:3px solid #48a88c}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #344154;padding-bottom:1rem}.panel-heading h2,.panel-heading p{margin:.1rem 0}.save-status{color:#80cfae}.save-status.is-error{color:#ff8d8d}.tree-root,.tree-children{list-style:none;margin:0;padding:0}.tree-root{padding-top:1rem}.tree-children{margin-left:1.45rem;border-left:1px solid #3f4c5f}.tree-node{position:relative}.child-slot{position:relative}.child-slot:before{content:"";position:absolute;left:0;top:1.35rem;width:.8rem;border-top:1px solid #3f4c5f}.node-row{display:flex;align-items:center;gap:.35rem;min-height:2.7rem;padding:.3rem .45rem;border-radius:7px}.node-row:hover,.node-row.is-selected{background:#222d3b}.node-row.is-selected{box-shadow:inset 3px 0 #75aef3}.drag-handle,.tree-toggle,.node-title,.node-menu,.more-row button{color:#aeb9c8;background:transparent;padding:.25rem;border-radius:5px}.drag-handle{cursor:grab}.tree-toggle{width:1.8rem;color:#8fb8e8}.toggle-spacer{width:1.8rem}.node-title{color:#edf3fa;text-align:left}.node-menu{opacity:0}.node-row:hover .node-menu,.node-menu:focus{opacity:1}.type-status>.node-row>.node-title{color:#78b7ff}.type-bereich>.node-row>.node-title{color:#a997ed}.type-projekt>.node-row>.node-title{color:#66c3a7}.node-meta{display:flex;gap:.5rem;margin-left:auto;color:#9ba8b8;font-size:.85rem}.tag{font-size:.8rem;color:#d4b2ee;background:#332b43;border-radius:5px;padding:.1rem .35rem}.tree-children.is-collapsed,.initially-hidden{display:none}.more-row{padding:.3rem 0 .5rem 2.8rem}.more-row button{color:#8fb8e8}.empty-state{padding:3rem 1rem;text-align:center;color:#aeb9c8}.detail-panel form{display:grid}.detail-separator,.danger-zone{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #344154}.danger{color:#ffdede;background:#7c343d}@media(max-width:850px){.tree-layout{grid-template-columns:1fr}.detail-panel{min-height:180px}}@media(max-width:600px){.app-header,.app-shell{padding:1rem}.app-header nav a{display:none}.node-meta{display:none}}