@charset "UTF-8";
:root{--ink:#20352f;--muted:#77837d;--brand:#20574d;--green:#e7f1ea;--line:#e1e6e0;--paper:#fff;--canvas:#f5f6f2;--red:#a44337;--amber:#ae7733;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}input,select{min-width:0;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:9px 11px;outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #20574d12}button:focus-visible,a:focus-visible{outline:3px solid #8ebca6;outline-offset:3px}button{transition:background .15s,color .15s}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;gap:48px}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:650;letter-spacing:1px;flex-shrink:0}.brandmark{display:grid;place-items:center;width:39px;height:39px;background:var(--brand);color:#d8eddf;border-radius:11px;font-size:28px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:#829189;margin-top:5px}nav{display:flex;align-self:stretch;gap:30px}.nav{background:none;border:0;border-bottom:3px solid transparent;padding:0 5px;color:var(--muted);font-weight:600}.nav.active{color:var(--brand);border-bottom-color:var(--brand)}.account{margin-left:auto;display:flex;align-items:center;gap:23px}.connection{font-size:12px;color:var(--muted);white-space:nowrap}.connection i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#589774;margin-right:7px}.connection.offline i{background:var(--red)}.connection.offline{color:var(--red)}.identity{background:#f4f6f2;border:1px solid var(--line);border-radius:24px;padding:9px 14px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.identity span{padding-left:12px;color:var(--muted)}main{max-width:1660px;margin:auto;padding:30px 36px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#71847a;font-weight:600}h1{font-size:28px;letter-spacing:-.5px;margin:9px 0 8px;line-height:1.3;font-weight:650}h1 span{font-size:19px;color:#8a948d;font-weight:400;margin-left:10px;letter-spacing:0}p{line-height:1.7;color:var(--muted);margin:0}.source-note{text-align:right;color:#53675b;font-size:12px;line-height:1.9}.source-note span{color:#949d95}.metrics{display:flex;background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px 0;margin-bottom:24px}.metrics>div{width:25%;padding:0 25px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.metrics strong{font-size:27px;letter-spacing:-.6px;font-weight:600;font-variant-numeric:tabular-nums}.metrics small{margin-left:12px;color:#8a958d;font-size:11px}.metrics>div:nth-child(2) strong{color:var(--brand)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.toolbar{display:flex;gap:15px;padding:19px 20px 13px;align-items:center}.search{display:flex;gap:10px;align-items:center;background:#f8f9f6;border:1px solid var(--line);border-radius:7px;flex:1;padding:0 11px}.search>span{font-size:25px;line-height:1;color:#778d7f}.search input{border:0;background:transparent;padding:11px 0;width:100%;box-shadow:none}.search:focus-within{border-color:#7b9f8c}.search kbd{font-size:11px;border:1px solid #d9dfd7;border-radius:3px;padding:1px 5px;color:#9ca59d;font-family:inherit}.quiet,.text-button{border:0;background:transparent;color:#607467;padding:7px 4px;white-space:nowrap}.quiet:hover,.text-button:hover{color:var(--brand);background:#f4f7f2}.text-button{font-size:12px}.filterbar{display:flex;align-items:center;gap:13px;padding:0 20px 16px;flex-wrap:wrap}.segments{display:flex;gap:2px;background:#f4f6f1;border:1px solid #e8ece5;padding:3px;border-radius:7px}.segments button{border:0;background:transparent;color:#7a877d;border-radius:4px;padding:6px 14px;font-size:12px}.segments button.active{background:#fff;color:var(--brand);box-shadow:0 1px 3px #233f3217;font-weight:600}.filterbar select{font-size:12px;padding:7px 25px 7px 10px;max-width:190px}.filterbar .muted{font-size:12px;margin-left:auto}.tree-heading{display:flex;justify-content:space-between;padding:10px 24px;background:#f8faf6;border-top:1px solid #edf0e9;border-bottom:1px solid var(--line);color:#859086;font-size:11px}.tree-heading span:last-child{padding-right:25px}.tree{height:calc(100vh - 449px);min-height:320px;max-height:900px;overflow:auto;scrollbar-color:#cbd5cb transparent;scrollbar-width:thin}.tree-row{display:flex;gap:8px;align-items:center;min-height:61px;border-bottom:1px solid #f0f2ed;padding:9px 18px 9px calc(14px + var(--depth)*22px);position:relative}.tree-row:hover{background:#fafbf8}.tree-row.selected{background:#f0f6f0}.tree-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#477e61}.tree-row.context .node-label{opacity:.58}.expand{border:0;background:transparent;color:#7d8c7f;padding:5px 1px;flex:0 0 20px;font-size:16px;border-radius:4px}.expand:hover{background:#e3eae0}.expand[aria-expanded=true]{color:var(--brand)}.expand-spacer{width:20px;flex-shrink:0}.check{width:17px;height:17px;accent-color:var(--brand);margin:0 2px 0 0;flex-shrink:0;cursor:pointer;box-shadow:none!important}.node-label{background:none;border:0;text-align:left;color:var(--ink);padding:0;min-width:0;flex:1}.node-label .zh{font-size:13px;line-height:1.5;display:block;overflow-wrap:anywhere}.node-label .en{display:block;color:#8a948d;font-size:11px;margin-top:3px;line-height:1.4;overflow-wrap:anywhere}.node-label .level-tag{font-size:9px;color:#8a998c;font-weight:400;display:inline-block;background:#edf1e9;padding:1px 5px;border-radius:3px;margin-left:7px;vertical-align:middle}.row-side{flex-shrink:0;text-align:right;max-width:170px;display:flex;align-items:flex-end;flex-direction:column;gap:5px}.owner-pill{color:#3e7457;background:#e8f2e8;border:1px solid #d7e8d6;font-size:11px;padding:3px 8px;border-radius:20px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.free-label{font-size:11px;color:#a5aea3;padding-right:7px}.branch-count{font-size:10px;color:#97a391;font-variant-numeric:tabular-nums}.saving-label{color:var(--amber);font-size:11px}.directory-foot{border-top:1px solid var(--line);padding:13px 20px;display:flex;justify-content:space-between;font-size:10px;color:#97a292;gap:12px}.details{padding:23px;position:sticky;top:20px}.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.detail-head .eyebrow{font-size:10px}.icon-button{background:none;border:0;color:#7c8d7f;font-size:24px;padding:0 5px;line-height:1.2}.mobile-close{display:none}.detail-level{display:inline-block;color:#7b8e79;background:#f1f4ed;padding:4px 7px;font-size:10px;border-radius:4px;margin-bottom:10px}.details h2{font-size:21px;font-weight:600;line-height:1.5;margin:0 0 5px;overflow-wrap:anywhere}.detail-en{color:#859282;font-size:13px;line-height:1.6;margin-bottom:22px;overflow-wrap:anywhere}.status-card{padding:15px;background:#f6f8f2;border:1px solid #e5eadd;border-radius:8px}.status-card.occupied{background:#edf5ec;border-color:#d8e8d6}.status-card strong{display:block;font-size:13px;font-weight:600}.status-card p{font-size:11px;margin-top:6px;color:#8a9986}.detail-toggle{width:100%;margin-top:12px}.button{border:1px solid var(--brand);background:var(--brand);color:#fff;padding:9px 13px;border-radius:7px;font-size:12px;font-weight:500}.button:hover{background:#173e36}.button.secondary{background:white;color:#55705f;border:1px solid #dce4d8}.button.secondary:hover{background:#f2f6ef}.details hr{border:0;border-top:1px solid var(--line);margin:22px 0}.detail-label{font-size:11px;color:#87957f;margin-bottom:11px}.path-list{list-style:none;margin:0;padding:0}.path-list li{position:relative;padding:0 0 13px 16px;border-left:1px solid #dde5d7;font-size:11px;color:#8b9983;line-height:1.6;overflow-wrap:anywhere}.path-list li:last-child{padding-bottom:0;color:#43603e;border-left-color:transparent}.path-list li:before{content:"";width:5px;height:5px;background:#b6c4ac;position:absolute;left:-3px;top:5px;border-radius:50%}.path-list li:last-child:before{background:#55814b}.copy-buttons{display:grid;gap:8px;margin-top:22px}.copy-button{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4e9df;background:white;border-radius:6px;padding:10px 12px;color:#62755b;font-size:12px}.copy-button:hover{background:#f5f8f1}.copy-button span:last-child{color:#99a58e}.record-link{display:block;width:100%;margin-top:18px;text-align:center;font-size:12px;color:var(--brand);background:transparent;border:0;padding:6px}.detail-id{font-size:9px;color:#abb4a5;text-align:center;margin-top:14px}footer{display:flex;justify-content:space-between;font-size:10px;color:#a0aa99;padding:18px 0 24px}.empty{text-align:center;padding:55px 20px;color:#96a08f;font-size:13px;line-height:1.8}.banner{border:1px solid #edc9bc;background:#fff2ed;border-radius:8px;padding:12px 16px;margin-bottom:18px;color:#995848}.history{padding:24px}.history-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.history h2{font-size:19px;margin:0 0 5px}.history p{font-size:12px}.history-filters{display:flex;gap:9px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.history-filters>input{flex:1;min-width:150px}.history-filters input,.history-filters select{font-size:12px}.history-filters label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.history-filters input[type=date]{width:134px}.scope{padding:10px 12px;background:#f0f6ed;border-radius:6px;margin-bottom:15px;display:flex;align-items:center;gap:12px;font-size:12px}.scope span{flex:1}.history-item{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;padding:18px 3px;border-bottom:1px solid #edf0e8}.event-time{font-size:11px;color:#8b9982;font-variant-numeric:tabular-nums;line-height:1.8}.event-time small{display:block;color:#bac2b4}.event-action{font-size:13px;line-height:1.7}.event-action strong{font-weight:600}.event-path{font-size:11px;color:#8c9984;line-height:1.7;margin:6px 0;overflow-wrap:anywhere}.event-change{font-size:10px;color:#93a089}.event-type{font-size:10px;padding:3px 7px;border-radius:4px;background:#eaf3e5;color:#49713c;margin-left:8px}.event-type.release{color:#9a7d49;background:#f9f2e6}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px;color:#88967e;font-size:12px}.pagination>div{display:flex;align-items:center;gap:14px}dialog{border:1px solid #dae3d6;border-radius:16px;padding:28px;width:min(520px,calc(100vw - 32px));color:var(--ink);box-shadow:0 20px 90px #193b2f25}dialog::backdrop{background:#20392b50;backdrop-filter:blur(4px)}dialog h2{font-size:24px;margin:14px 0 8px}dialog p{font-size:13px}dialog small{font-size:11px;color:#9ba690}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.employee-choices{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;max-height:180px;overflow:auto}.employee-choices button{border:1px solid #dce6d4;background:#f7faf3;border-radius:22px;padding:8px 16px;color:#506848;font-size:13px}.employee-choices button:hover{background:#e6efdf}.field-label{display:block;font-size:11px;color:#87977b;margin-bottom:8px}.name-input{display:flex;gap:9px}.name-input input{flex:1;width:100px}.form-error{font-size:12px;color:var(--red);min-height:28px;padding:7px 0}.toasts{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;display:grid;gap:10px;width:max-content;max-width:90vw}.toast{background:#254c3d;color:#fff;border-radius:9px;padding:13px 18px;box-shadow:0 7px 25px #213d3524;font-size:13px;display:flex;gap:15px;align-items:center;line-height:1.5}.toast.error{background:#7d4837}.toast button{border:1px solid #ffffff66;color:#fff;background:none;padding:3px 9px;border-radius:4px;white-space:nowrap}
@media(min-width:1700px){.tree{height:calc(100vh - 450px)}}
@media(max-width:1120px){.topbar{gap:25px;padding:0 22px}main{padding:24px 22px 0}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.details{padding:20px}.metrics small{display:block;margin:5px 0 0}.row-side{max-width:100px}.owner-pill{max-width:100px}.tree-row{padding-left:calc(9px + var(--depth)*15px);padding-right:12px}.filterbar{gap:8px}.tree{height:calc(100vh - 470px)}.source-note{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:68px;padding:13px 16px;gap:15px;flex-wrap:wrap}.brand{font-size:16px;gap:8px}.brandmark{width:33px;height:33px}.brand small{font-size:6px;letter-spacing:2px}.account{gap:8px}.identity{font-size:12px;padding:7px 10px;max-width:130px}.connection{font-size:0}.connection i{width:7px;height:7px}.topbar nav{order:3;width:100%;height:30px;gap:24px}.nav{font-size:12px}main{padding:20px 12px 0}h1{font-size:22px}h1 span{display:block;font-size:14px;margin:5px 0 0}.page-heading p{font-size:11px}.page-heading{margin-bottom:18px}.eyebrow{font-size:9px}.metrics{padding:14px 0;margin-bottom:16px}.metrics>div{padding:0 12px}.metrics strong{font-size:21px}.metrics span{font-size:10px}.metrics small{font-size:9px}.workspace{display:block}.details{display:none}.details.mobile-open{display:block;position:fixed;inset:70px 0 0 auto;max-width:390px;width:100%;z-index:50;overflow:auto;border-radius:14px 0 0 0;box-shadow:-80px 0 0 400px #14322055}.mobile-close{display:block}.toolbar{padding:14px 12px 12px;gap:10px}.search{padding:0 8px}.search input{font-size:12px}.search kbd{display:none}.quiet{font-size:11px}.filterbar{padding:0 12px 12px}.segments button{padding:6px 11px}.filterbar select{max-width:130px}.filterbar .muted{font-size:10px}.tree-heading{padding:9px 16px}.tree{height:56vh;min-height:340px}.tree-row{gap:5px;padding-left:calc(7px + var(--depth)*12px);padding-right:10px;min-height:64px}.node-label .zh{font-size:12px}.node-label .en{font-size:10px}.level-tag{display:none!important}.row-side{max-width:85px}.owner-pill{max-width:85px;font-size:10px;padding:3px 5px}.branch-count{font-size:9px}.expand{flex-basis:15px}.expand-spacer{width:15px}.directory-foot{font-size:9px;padding:10px 12px}.directory-foot #syncTime{display:none}footer{font-size:9px;gap:10px;line-height:1.7}footer span{text-align:right;max-width:140px}.history{padding:16px}.history-top{align-items:flex-start;gap:12px}.history-top .button{flex-shrink:0}.history-top p{font-size:11px}.history-item{grid-template-columns:1fr;gap:6px}.event-time small{display:inline;margin-left:10px}.event-time{font-size:10px}.history-filters label{flex:1}.history-filters input[type=date]{width:120px}.history-filters select{flex:1;min-width:110px}.pagination{font-size:10px;gap:8px}.pagination>div{gap:8px}.pagination .button{font-size:10px;padding:7px}.name-input{flex-wrap:wrap}.name-input input{min-width:160px}.name-input .button{flex:1}}