:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#173b31;background:#f4f8f5;font-size:16px;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#f4f8f5}body:has(.modal){overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7ab49b;outline-offset:2px}main{min-height:100vh;padding:clamp(1rem,3vw,2.75rem)}header,nav,.canvas,footer,.setup,.approvals{width:min(1480px,100%);margin-inline:auto}header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}header p{margin:0 0 .7rem;letter-spacing:.15em;font-size:.75rem;font-weight:800;color:#3e8068}h1{margin:0;color:#124c3b;font-size:clamp(2.3rem,6vw,5.4rem);line-height:.9;letter-spacing:-.06em}h1 em{display:block;font-weight:350;letter-spacing:-.07em}.search{position:relative;width:min(430px,100%)}input,select,textarea{width:100%;min-height:46px;padding:.72rem .85rem;color:#173b31;background:#fff;border:1px solid #afd0bf;border-radius:.7rem}input::placeholder,textarea::placeholder{color:#789187}.search ul{position:absolute;z-index:5;width:100%;max-height:280px;overflow:auto;margin:.35rem 0 0;padding:.35rem;list-style:none;background:#fff;border:1px solid #c8dfd2;border-radius:.7rem;box-shadow:0 16px 36px #17453620}.search li button{width:100%;padding:.7rem .75rem;text-align:left;color:#173b31;background:transparent;border:0;border-radius:.45rem}.search li button:hover{background:#edf7f1}.search small,.card span,.card small{display:block;margin-top:.2rem;color:#678277;font-size:.78rem}nav{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-block:1.5rem}nav button,.detail button,.close{min-height:44px;padding:.65rem .95rem;color:#155b45;background:#fff;border:1px solid #277b60;border-radius:.65rem;font-weight:650}nav button:hover,.detail button:hover,.close:hover{background:#edf8f2}nav span{margin-left:auto;color:#5f796e;font-size:.9rem}.canvas{min-height:62vh;min-width:0;overflow:auto;overscroll-behavior:contain;padding:clamp(1.2rem,4vw,3rem);background:#fff;border:1px solid #d5e6dc;border-radius:1.1rem;box-shadow:0 12px 32px #214f3d0b}.roots,.children{display:flex;justify-content:center;gap:clamp(1.2rem,4vw,3rem);margin:0;padding:0;list-style:none}.roots>li,.children>li{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.unit{position:relative;display:flex;align-items:flex-start;gap:1.1rem}.children{position:relative;padding-top:3rem}.children:before{content:"";position:absolute;top:1.25rem;left:12%;right:12%;height:1px;background:#8eafa0}.children>li:before{content:"";position:absolute;top:-1.75rem;height:1.75rem;border-left:1px solid #8eafa0}.card{display:flex;width:210px;overflow:hidden;background:#f9fcfa;border:1px solid #b8d8c8;border-radius:.8rem;box-shadow:0 4px 12px #214f3d0c}.card>button:first-child{flex:1;min-width:0;padding:.85rem;text-align:left;background:transparent;border:0}.card b{display:block;overflow:hidden;color:#123f32;text-overflow:ellipsis;white-space:nowrap}.card small{font-size:.76rem}.plus{width:2.7rem;min-width:2.7rem;color:#176148;background:#e4f3ea;border:0;border-left:1px solid #b8d8c8;font-size:1.4rem}.plus:hover{background:#d3ecde}.card.pending{background:#f0f2f0;border-color:#abb8b1;opacity:.7}.card.pending b,.card.pending span,.card.pending small{color:#68766f}.pending-unit{opacity:.78}.detail{position:fixed;z-index:8;top:0;right:0;width:min(440px,100%);height:100dvh;overflow:auto;padding:clamp(1.3rem,4vw,2.5rem);background:#fff;box-shadow:-1rem 0 3rem #153b2d24}.detail h2{margin:2rem 0 1.5rem;color:#124c3b;font-size:clamp(1.7rem,4vw,2.4rem)}.detail dl{display:grid;grid-template-columns:1fr 1.4fr;gap:.9rem;margin:0;padding-top:1rem;border-top:1px solid #dce9e1}.detail dt{color:#658075;font-size:.85rem;font-weight:700}.detail dd{margin:0;overflow-wrap:anywhere}.modal{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:auto;padding:1rem;background:#0c2b20cc}.modal section{width:min(680px,100%);max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain;padding:clamp(1.2rem,4vw,2rem);background:#fff;border:1px solid #d6e8de;border-radius:1rem;box-shadow:0 24px 70px #0d2c2050}.modal .close{float:right}.modal h2{margin:.5rem 0;color:#124c3b;font-size:clamp(1.7rem,4vw,2.3rem)}.modal section>p{color:#5e766b;line-height:1.5}.modal form,.setup form{display:grid;gap:1rem}.modal fieldset{display:grid;gap:.8rem;margin:0;padding:1rem;border:1px solid #d3e6db;border-radius:.75rem}.modal legend{padding:0 .4rem;color:#176148;font-weight:800}.modal label,.setup label{display:grid;gap:.4rem;color:#315b4d;font-size:.92rem;font-weight:650}.modal textarea{min-height:96px;resize:vertical}.primary{min-height:48px;padding:.75rem 1rem;color:#fff;background:#155b45;border:0;border-radius:.65rem;font-weight:750}.primary:hover{background:#0f4b39}.field-note{margin:0;color:#678277;font-size:.85rem;line-height:1.45}.success{padding:1rem;color:#165d3f;background:#edf9f1;border:1px solid #8cc5a8;border-radius:.6rem}.notice{color:#8a3b2f;line-height:1.45}.setup,.approvals{margin-top:1.5rem;padding:clamp(1.2rem,3vw,1.8rem);background:#fff;border:1px solid #d5e6dc;border-radius:1rem}.setup{max-width:680px}.approvals{width:min(100%,1000px)}.approvals article{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;padding:1rem 0;border-top:1px solid #d9e8df}.approvals article div{flex:1;min-width:220px}.approvals article span,.approvals article small{display:block;margin-top:.25rem;color:#678277}.approvals article button,.admin-link{min-height:40px;padding:.55rem .75rem;color:#155b45;background:#fff;border:1px solid #277b60;border-radius:.55rem;text-decoration:none}.approvals code{color:#174e3b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.settings{width:min(100%,1000px);margin:1.5rem auto;padding:clamp(1.2rem,3vw,1.8rem);background:#fff;border:1px solid #d5e6dc;border-radius:1rem}.settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.settings-head p{margin:0;letter-spacing:.14em;color:#397961;font-size:.75rem;font-weight:800}.danger-zone{margin-top:1.5rem;padding:1rem;background:#fff8f7;border:1px solid #e2aaa1;border-radius:.7rem}.danger-zone label{display:grid;gap:.4rem;color:#6e332c}.danger{min-height:44px;margin-top:.8rem;padding:.7rem 1rem;color:#fff;background:#9e3429;border:0;border-radius:.55rem}.danger:disabled{cursor:not-allowed;opacity:.45}footer{padding-top:1.2rem;color:#668177;font-size:.85rem}@media (max-width: 760px){main{padding:1rem}header{flex-direction:column;gap:1.2rem}.search{width:100%}nav{align-items:stretch}nav span{width:100%;margin-left:0}.canvas{min-height:55vh;padding:1.1rem}.card{width:190px}.modal{align-items:end;padding:0}.modal section{width:100%;max-height:94dvh;border-radius:1rem 1rem 0 0}.settings-head{flex-direction:column}.approvals article{align-items:stretch}.approvals article button,.approvals article .admin-link{flex:1;text-align:center}}@media (max-width: 430px){h1{font-size:2.55rem}.modal section{padding:1rem}.modal fieldset{padding:.8rem}.card{width:175px}}.modal fieldset{border:1px solid #d4e7dc;border-radius:.55rem;padding:.85rem;display:grid;gap:.8rem}.modal legend{font-weight:700;color:#155442;padding:0 .35rem}.modal textarea{width:100%;min-height:5rem;padding:.85rem;border:1px solid #a9cdbd;border-radius:.6rem;background:#fff;font:inherit;resize:vertical}.field-note{margin:0;color:#527269;font-size:.85rem}.success{padding:.8rem;border:1px solid #8cc5a8;background:#edf9f1;color:#165d3f;border-radius:.5rem}.admin-link{border:1px solid #1c6a55;border-radius:.4rem;padding:.4rem .6rem;color:#155442;text-decoration:none}.check-row{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.55rem!important}.check-row input{width:auto;margin-top:.25rem}