:root{--ink:#242b24;--muted:#7d827a;--paper:#f3f1eb;--card:#fffdf8;--line:#dedbd2;--green:#5d7963;--deep:#202a20;--orange:#d77c4e}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans SC',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--deep);color:#eff2ea;padding:26px 19px;display:flex;flex-direction:column;z-index:10}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:11px;padding:0 7px 27px}.brand>span{width:38px;height:38px;border-radius:10px;background:var(--orange);display:grid;place-items:center;font-family:Georgia;font-size:20px}.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{font-size:7px;letter-spacing:1.5px;opacity:.5;margin-top:4px}nav p{font-size:9px;letter-spacing:1.5px;opacity:.35;margin:19px 11px 7px}nav a{color:#cbd1c7;text-decoration:none;display:flex;align-items:center;gap:12px;padding:11px;border-radius:8px;font-size:12px;margin:2px 0}nav a.active{background:#344034;color:#fff;position:relative}nav a.active:before{content:'';position:absolute;left:-19px;width:3px;height:21px;background:var(--orange)}nav em{margin-left:auto;font-style:normal;font-size:9px;background:#536053;padding:2px 7px;border-radius:10px}.mini-card{margin:auto 2px 20px;padding:16px;border:1px solid #445043;background:#2a372b;border-radius:12px}.mini-card small{font-size:9px;color:#aeb8aa}.mini-card strong{display:block;font-family:Georgia;font-size:20px;margin:8px 0}.mini-card strong span{color:#e39569}.mini-card>div{height:4px;background:#465247;border-radius:4px}.mini-card>div i{display:block;width:67%;height:100%;background:#e18a5b;border-radius:4px}.mini-card p{font-size:8px;color:#909c8d;margin:9px 0 0}.user{display:flex;align-items:center;gap:9px;border-top:1px solid #3e493d;padding:17px 5px 0}.user i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#c57d5b;font-size:11px}.user b,.user small{display:block;font-size:10px}.user small{font-size:8px;opacity:.5;margin-top:3px}.user em{margin-left:auto;font-style:normal;color:#7b8879}main{margin-left:230px;min-height:100vh}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:20px 34px;background:rgba(243,241,235,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}header p{margin:0 0 5px;color:#8c8d86;font-size:9px}h1{font-family:Georgia,'Noto Sans SC';font-size:24px;font-weight:500;margin:0}.actions{display:flex;gap:8px}.actions button,.tree-toolbar button{height:36px;border:1px solid var(--line);background:#fcfbf7;border-radius:8px;padding:0 13px;color:#5d635c}.actions .icon{width:36px;padding:0}.actions .ghost span{color:#fff;background:var(--orange);font-size:8px;padding:2px 6px;border-radius:10px}.primary{background:var(--orange)!important;border-color:var(--orange)!important;color:white!important;font-weight:600}.workspace{padding:26px 34px 40px}.summary{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px 25px;margin-bottom:18px}.summary>div{display:flex;align-items:center;gap:15px}.group-icon{width:55px;height:55px;border-radius:14px;background:linear-gradient(145deg,#e9ad84,#c97650);display:grid;place-items:center;color:#fff;font:23px Georgia}.summary small{color:var(--orange);font-size:8px;letter-spacing:1.4px}.summary h2{font:500 18px Georgia,'Noto Sans SC';margin:5px 0}.summary p{font-size:9px;color:var(--muted);margin:0}.summary dl{display:flex;margin:0}.summary dl div{min-width:88px;padding-left:20px;border-left:1px solid var(--line)}.summary dt{font-size:8px;color:var(--muted)}.summary dd{font:22px Georgia;margin:5px 0 0}.summary dd.orange{color:var(--orange)}.tree-panel{height:calc(100vh - 235px);min-height:570px;background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column}.tree-toolbar{height:56px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:10px;color:#777c75}.crumb:before{content:'⌂';margin-right:8px;color:var(--green)}.tree-toolbar>div:last-child{display:flex;gap:7px}.tree-toolbar button{height:30px;font-size:9px;padding:0 10px}.zoom{display:flex}.zoom button{border-radius:0;width:30px;padding:0}.zoom button:first-child{border-radius:7px 0 0 7px}.zoom button:last-child{border-radius:0 7px 7px 0}.zoom span{height:30px;width:48px;display:grid;place-items:center;border-block:1px solid var(--line);background:#fff;font-size:8px}.legend{padding:10px 18px;border-bottom:1px solid #eeece6;display:flex;align-items:center;gap:17px;font-size:8px;color:#777c75}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dept-dot{background:#597360}.level-dot{background:#d18a5f}.person-dot{background:#93a19a}.pending-dot{background:#dc7e50}.legend small{margin-left:auto;color:#a1a39d}.tree-viewport{flex:1;overflow:auto;padding:28px}.tree-canvas{transform-origin:top left;transition:transform .2s;min-width:max-content}.tree-root,.dept-branch,.level-branch{display:flex;flex-direction:column;align-items:center;position:relative}.node{border:1px solid var(--line);background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(43,49,42,.06);cursor:pointer;transition:.18s;position:relative}.node:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(43,49,42,.1)}.root-node{min-width:220px;padding:14px 18px;background:#263127;color:#fff;text-align:center}.root-node small{display:block;color:#aab5a8;font-size:8px;margin-top:4px}.children,.level-children,.people-children{display:flex;gap:30px;position:relative;padding-top:36px}.level-children,.people-children{gap:15px}.children:before,.level-children:before,.people-children:before{content:'';position:absolute;top:18px;left:15%;right:15%;height:1px;background:#bfc4bb}.tree-root>.node:after,.dept-branch>.node:after,.level-branch>.node:after{content:'';position:absolute;left:50%;top:100%;height:36px;border-left:1px solid #bfc4bb}.dept-node{min-width:175px;padding:13px 15px;border-top:3px solid var(--green)}.node-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.node-title b{font-size:11px}.node-title span{font-size:9px;color:#999}.node-meta{display:block;font-size:8px;color:#8c9088;margin-top:6px}.level-node{min-width:135px;padding:11px 13px;border-left:3px solid #d08a60}.person-node{width:145px;padding:11px;display:grid;grid-template-columns:32px 1fr;gap:9px;text-align:left}.avatar{width:32px;height:32px;border-radius:9px;background:#e5ebe3;display:grid;place-items:center;color:#58705d;font:14px Georgia}.person-node b{display:block;font-size:10px;margin-top:1px}.person-node small{font-size:7px;color:#8e928a}.habit-count{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #eee}.habit-count span{font-size:8px;color:#6b7269}.pending-mark{color:#d87648!important}.collapse>.children,.collapse>.level-children,.collapse>.people-children{display:none}.collapse>.node:after{display:none}.detail-drawer{position:fixed;right:0;top:0;bottom:0;width:385px;background:#fffdf9;z-index:20;box-shadow:-12px 0 40px rgba(31,38,31,.16);transform:translateX(105%);transition:.28s;overflow:auto}.detail-drawer.open{transform:none}.drawer-head{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:12px}.drawer-head button{border:0;background:transparent;font-size:24px}.drawer-head small{font-size:9px;color:#858980}.person-profile{padding:24px;text-align:center;border-bottom:1px solid var(--line)}.big-avatar{margin:auto;width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#aec0ac,#6c876f);display:grid;place-items:center;color:#fff;font:25px Georgia}.person-profile h2{font:20px Georgia;margin:11px 0 4px}.person-profile p{font-size:9px;color:#888c84}.stat-row{display:flex;justify-content:center;gap:25px;margin-top:16px}.stat-row b,.stat-row small{display:block}.stat-row b{font:20px Georgia}.stat-row small{font-size:7px;color:#999}.habits-section{padding:20px}.habits-section h3{font:15px Georgia;margin:0}.habit{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:10px}.habit h4{font-size:11px;margin:0 0 6px}.habit p{font-size:9px;color:#777c74;line-height:1.6;margin:0}.habit footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.tag,.state{font-size:7px;padding:3px 7px;border-radius:8px;background:#eeeee8;color:#777}.state.confirmed{background:#e3eee3;color:#527259}.state.pending{background:#f5e3d8;color:#bd6b41}.confirm-box{margin:12px 20px 24px;padding:15px;background:#f5e7dc;border-radius:10px}.confirm-box b{font-size:11px}.confirm-box p{font-size:8px;line-height:1.6}.confirm-box button{width:100%;height:33px;border:0;border-radius:7px;background:var(--orange);color:#fff;font-size:9px}dialog{width:min(520px,calc(100% - 30px));border:0;border-radius:15px;padding:0;background:#fffdf9;box-shadow:0 24px 70px rgba(30,36,30,.32)}dialog::backdrop{background:rgba(25,32,25,.52);backdrop-filter:blur(4px)}dialog form{padding:26px}.modal-head{display:flex;justify-content:space-between}.modal-head small{font-size:8px;color:var(--orange);letter-spacing:1.4px}.modal-head h2{font:23px Georgia;margin:5px 0}.modal-head button{border:0;background:transparent;font-size:24px}.flow-note{background:#edf1e9;border-left:3px solid var(--green);padding:11px 13px;font-size:9px;line-height:1.6;color:#657064}form label{display:block;font-size:9px;color:#626760;margin:13px 0}form input,form textarea,form select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);background:#faf9f5;border-radius:7px;font:11px inherit}form textarea{height:76px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-actions button{height:37px;border:1px solid var(--line);border-radius:8px;padding:0 15px;background:#fff}.toast{position:fixed;right:28px;bottom:28px;background:#283328;color:#fff;padding:13px 18px;border-radius:8px;font-size:10px;z-index:30;opacity:0;transform:translateY(15px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:950px){.summary{align-items:flex-start}.summary dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tree-panel{height:650px}}@media(max-width:700px){.sidebar{position:static;width:100%;height:65px;padding:12px 16px}.brand{padding:0}.brand>span{width:35px;height:35px}nav,.mini-card,.user{display:none}main{margin:0}header{height:auto;padding:15px 16px;align-items:flex-start}.actions .icon,.actions .ghost{display:none}.actions .primary{font-size:0;width:37px;padding:0}.actions .primary:after{content:'＋';font-size:18px}.workspace{padding:15px}.summary{display:block}.summary dl{margin-top:20px}.summary>div{align-items:flex-start}.summary p{line-height:1.5}.tree-panel{height:650px}.tree-toolbar{padding:0 10px}.tree-toolbar>div:last-child>button{display:none}.legend{overflow:auto;white-space:nowrap}.legend small{display:none}.detail-drawer{width:100%}.form-row{grid-template-columns:1fr}}