*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:#f3f4f7}body{font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;color:#16181d;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:#3b5bdb}a:hover{color:#2741a8}input:focus-visible,button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid #3B5BDB;outline-offset:2px}.mono{font-family:Geist Mono,ui-monospace,Menlo,Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree{--line: #C3C8D2;display:flex;justify-content:center;min-width:max-content}.tree ul{position:relative;display:flex;justify-content:center;margin:0;padding:20px 0 0}.tree li{position:relative;list-style:none;display:flex;flex-direction:column;align-items:center;padding:20px 10px 0}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:20px;border-top:2px solid var(--line)}.tree li:after{right:auto;left:50%;border-left:2px solid var(--line)}.tree li:first-child:before,.tree li:last-child:after{border:0}.tree li:last-child:before{border-right:2px solid var(--line);border-radius:0 10px 0 0}.tree li:first-child:after{border-radius:10px 0 0}.tree li:only-child:before{display:none}.tree li:only-child:after{border:0;border-left:2px solid var(--line);border-radius:0}.tree li>ul:before{content:"";position:absolute;top:0;left:50%;height:20px;border-left:2px solid var(--line)}.tree>ul{padding-top:0}.tree>ul>li{padding-top:0}.tree>ul>li:before,.tree>ul>li:after{display:none}.tree li.ghost:after,.tree li.ghost:before{border-style:dashed}.node{position:relative;background:#fff;border-radius:14px;transition:box-shadow .15s ease,transform .15s ease}.node-open{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:0}.node:hover{box-shadow:0 6px 18px #16181d1a}.drop-split{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:#ffffffeb;z-index:2}.drop-zone{display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;border-radius:10px;border:2px dashed #CDD1DA;font-size:12px;font-weight:600;color:#3d4350}.drop-zone.on{border-color:#3b5bdb;background:#3b5bdb14;color:#3b5bdb}@media (prefers-reduced-motion: reduce){.node{transition:none}}.dept-col{display:flex;flex-direction:column;width:200px}.subs{display:flex;flex-direction:column;gap:10px;padding:10px 0 0 22px}.sub{position:relative}.sub:before{content:"";position:absolute;left:-12px;top:-10px;width:12px;height:30px;border-left:2px solid var(--line);border-bottom:2px solid var(--line);border-bottom-left-radius:8px}.sub:not(:last-child):after{content:"";position:absolute;left:-12px;top:-10px;bottom:0;border-left:2px solid var(--line)}.wtree{--line: #C3C8D2;display:flex;flex-direction:column;align-items:flex-start;width:max-content}.rows{position:relative;margin-left:40px;padding-top:28px;display:flex;flex-direction:column;gap:28px}.rows:before{content:"";position:absolute;left:0;top:0;height:28px;border-left:2px solid var(--line)}.wrow{position:relative;display:flex;align-items:flex-start;margin:0;padding:0 0 0 24px}.wrow>li{position:relative;list-style:none;display:flex;flex-direction:column;align-items:center;padding:20px 10px 0}.wrow>li:before{content:"";position:absolute;top:0;left:0;right:0;border-top:2px solid var(--line)}.wrow>li:first-child:before{left:-24px}.wrow>li:last-child:before{right:50%}.wrow>li:only-child:before{right:50%}.wrow>li:after{content:"";position:absolute;top:0;left:50%;height:20px;border-left:2px solid var(--line)}.wrow>li.ghost:after,.wrow>li.ghost:before{border-style:dashed}.wrow:not(:last-child):after{content:"";position:absolute;left:0;top:0;bottom:-28px;border-left:2px solid var(--line)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.body{flex:1;min-height:0;display:flex}.side{width:290px;flex:none;overflow-y:auto;background:#fff;border-right:1px solid #E3E6EC;padding:14px;display:flex;flex-direction:column;gap:18px}.side.rail{width:64px;padding:10px;gap:8px;align-items:center}.rail-btn{width:44px;height:44px;border:0;border-radius:10px;background:#f3f4f7;color:#16181d;display:flex;align-items:center;justify-content:center;flex:none;padding:0}.rail-btn:hover{filter:brightness(.96)}.canvas-wrap{position:relative;flex:1;min-width:0;display:flex}.canvas{flex:1;overflow:auto;padding:24px 24px 88px;background-color:#f3f4f7;background-image:radial-gradient(#D9DCE3 1px,transparent 1px);background-size:20px 20px}.toolbar{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:#fff;border:1px solid #E3E6EC;box-shadow:0 6px 20px #16181d1a;z-index:5}.toolbar-hint{font-size:12px;color:#5b6170;padding:0 8px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,100vw);overflow-y:auto;background:#fff;border-left:1px solid #E3E6EC;box-shadow:-12px 0 32px #16181d1f;padding:20px;z-index:15}@media (max-width: 900px){.app{height:auto;min-height:100vh;overflow:visible}.body{flex-direction:column}.side{width:auto;border-right:0;border-bottom:1px solid #E3E6EC}.side.rail{width:auto;flex-direction:row;flex-wrap:wrap}.canvas-wrap{min-height:75vh}.canvas{position:absolute;top:0;right:0;bottom:0;left:0}.toolbar-hint,.stats{display:none!important}}.outline-wrap{max-width:1180px;margin:0 auto}.otable{background:#fff;border:1px solid #E3E6EC;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #16181d0d}.orow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px 90px 110px 110px;align-items:center;gap:12px;min-height:46px;padding:0 16px 0 10px;border-top:1px solid #EEF0F4}.orow:hover{background:#fafbfc}.orow.ohead{min-height:38px;border-top:0;background:#f7f8fa;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5b6170}.orow.ohead .oname{padding-left:34px}.orow.org{min-height:54px;background:#fbfbfc}.orow.dept{min-height:50px}.orow.person{min-height:40px;font-size:13px;cursor:grab}.orow.add{min-height:44px}.orow.hot{background:#3b5bdb0d;box-shadow:inset 0 0 0 2px #3b5bdb}.oname{display:flex;align-items:center;gap:8px;min-width:0;height:100%;align-self:stretch}.oc{font-size:13px}.oc-num{text-align:right}.oc-head{color:#3d4350}.olink{border:0;background:transparent;padding:4px 0;text-align:left;min-width:0;font-size:14px;color:#16181d;cursor:pointer}.olink:hover{color:#3b5bdb;text-decoration:underline;text-underline-offset:3px}.obadge{flex:none;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:#f3f4f7;color:#3d4350}.chev{width:26px;height:26px;flex:none;border:0;border-radius:6px;background:transparent;color:#3d4350;display:flex;align-items:center;justify-content:center;padding:0}.chev:hover{background:#eef0f4}.chev-space{width:26px;flex:none}.ogrip{width:18px;height:28px;flex:none;border:0;background:transparent;padding:0;cursor:grab;display:flex;align-items:center;justify-content:center;opacity:.55}.orow:hover .ogrip,.ogrip:focus-visible{opacity:1}.ohover{width:28px;height:28px;flex:none;border:0;border-radius:7px;background:#f3f4f7;color:#3d4350;display:flex;align-items:center;justify-content:center;padding:0;opacity:0}.orow:hover .ohover,.ohover:focus-visible{opacity:1}.guide{position:relative;width:22px;flex:none;align-self:stretch}.guide:before{content:"";position:absolute;left:10px;top:0;bottom:0;border-left:1.5px solid #D5D9E1}.guide.elbow:after{content:"";position:absolute;left:10px;top:50%;width:10px;border-top:1.5px solid #D5D9E1}.guide.elbow.last:before{bottom:50%}.orow-drop{position:absolute;top:3px;right:8px;bottom:3px;left:8px;display:grid;grid-template-columns:1fr;gap:6px;z-index:2;background:#ffffffe6;border-radius:10px}.orow-drop .drop-zone{padding:0 8px}@media (max-width: 900px){.orow{grid-template-columns:minmax(0,1fr) 70px 90px;padding-right:10px}.oc-head,.oc-annual{display:none}}@media (prefers-reduced-motion: reduce){.chev svg{transition:none!important}}.pleaf{width:168px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;background:#fff;border:1px dashed #C3C8D2}.pleaf-row{display:flex;align-items:center;gap:7px;width:100%;min-height:36px;padding:4px 6px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:grab}.pleaf-row:hover{background:#f3f4f7}.dnode{width:216px;border-radius:16px;overflow:hidden}.dnode-head{display:flex;align-items:center;gap:4px;padding:7px 10px 7px 4px}.dnode-head .ogrip{opacity:.7}.dnode-title{font-weight:700;font-size:15px;flex:1;min-width:0}.dnode-count{flex:none;min-width:26px;text-align:center;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#ffffffbf}.dnode-body{padding:10px 12px 4px;gap:10px!important}.headrow{display:flex;align-items:center;gap:8px;min-width:0}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}.dnode-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stat{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:9px;background:#f7f8fa}.stat-l{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#5b6170}.stat-v{font-size:14px;font-weight:650}.dnode-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px 8px}.dnode-toggle{display:flex;align-items:center;gap:4px;min-height:30px;padding:0 9px 0 6px;border:0;border-radius:8px;background:#f3f4f7;font-size:12px;font-weight:600;color:#16181d}.dnode-toggle:hover{background:#e8eaef}.dnode-toggle[aria-expanded=true]{background:#16181d;color:#fff}.dnode-open{min-height:30px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#3b5bdb;font-weight:600;font-size:12.5px}.dnode-open:hover{background:#3b5bdb12}.snode{width:186px;border-radius:14px;padding:10px;background:#fff}.snode .ogrip{width:16px}.tree li{padding-left:12px;padding-right:12px}.canvas.pan-ready{cursor:grab}.canvas.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas.pan-ready .node,.canvas.pan-ready .org-root{cursor:default}.minimap{position:absolute;right:16px;top:16px;padding:6px;background:#fffffff2;border:1px solid #E3E6EC;border-radius:12px;box-shadow:0 6px 20px #16181d1a;z-index:5;cursor:pointer;line-height:0}@media (max-width: 900px){.minimap{display:none}}@media (prefers-reduced-motion: reduce){.dnode-toggle svg{transition:none!important}}.rchip{display:inline-flex;align-items:stretch;border-radius:999px;border:1px solid #D5D9E1;background:#fff;overflow:hidden}.rchip-add{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 6px 0 10px;border:0;background:transparent;font-size:12.5px;font-weight:500;color:#16181d}.rchip-add:hover{background:#3b5bdb0f;color:#2741a8}.rchip-x{width:26px;border:0;border-left:1px solid #EEF0F4;background:transparent;color:#8a909c;display:flex;align-items:center;justify-content:center;padding:0}.rchip-x:hover{background:#fff0ee;color:#9b2c1f}.rchip-new input{min-height:30px;width:160px;padding:0 10px;border-radius:999px;border:1px dashed #C3C8D2;background:#fafbfc;font-size:12.5px}.rpick{min-height:28px;padding:0 9px;border-radius:999px;border:1px solid #E3E6EC;background:#fff;font-size:12px;color:#3d4350}.rpick:hover{border-color:#3b5bdb;color:#2741a8}.rpick[aria-pressed=true]{background:#16181d;border-color:#16181d;color:#fff}