.lang{margin-left:auto}
.memberAdd,.memberRow,.memberRow form{display:flex;gap:10px;align-items:center}
.memberAdd{margin-bottom:22px}.memberAdd input{margin:0}
.memberRow{padding:16px 0;border-bottom:1px solid var(--line);align-items:end}
.memberRow form{flex:1}.memberRow input,.memberRow select{margin:0}
.memberProfile{display:grid!important;grid-template-columns:minmax(150px,1.5fr) minmax(140px,1fr) 90px auto;align-items:end!important}
.memberProfile label{margin:0}.merge{max-width:340px}.merge button{background:var(--green)}
.profileFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.rankTabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px}
.rankTabs button{white-space:nowrap;background:#e7e3d8;color:var(--ink)}.rankTabs button.active{background:var(--green);color:white}
@media(max-width:900px){.memberRow{align-items:stretch;flex-direction:column}.memberProfile{grid-template-columns:1fr 1fr 100px}.memberProfile button{grid-column:1/-1}.merge{max-width:none}.memberRow .merge{display:grid;grid-template-columns:1fr auto}.memberAdd{display:grid;grid-template-columns:1fr auto}}
@media(max-width:520px){.profileFields{grid-template-columns:1fr}.rankList .row{grid-template-columns:35px minmax(0,1fr) auto}.rankList .row strong small{display:block;margin-top:3px}.memberProfile{grid-template-columns:1fr 1fr}.memberProfile label:first-of-type{grid-column:1/-1}}
.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}.chart{background:#f7f5ee;padding:18px;border-radius:8px}.chart h3{margin:0 0 16px;font:600 17px Georgia,serif}.barRow{display:grid;grid-template-columns:minmax(72px,120px) 1fr 58px;gap:8px;align-items:center;margin:9px 0;font-size:12px}.barRow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barRow>b{text-align:right}.barTrack{height:10px;border-radius:8px;background:#e2ded3;overflow:hidden}.barTrack i{display:block;height:100%;background:var(--orange);border-radius:8px}.barRow.growth .barTrack i{background:#2a7565}.professionChart{grid-column:1/-1;display:grid;grid-template-columns:auto 130px 1fr;align-items:center;gap:24px}.professionChart h3{grid-column:1/-1}.donut{width:120px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--orange) 0 var(--engineer),var(--green) var(--engineer) 100%);display:grid;place-items:center}.donut:before{content:"";grid-area:1/1;width:72px;aspect-ratio:1;border-radius:50%;background:#f7f5ee}.donut span{grid-area:1/1;z-index:1;font:24px Georgia,serif}.legend{display:grid;gap:10px}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:11px;height:11px;border-radius:50%}.legend .engineer{background:var(--orange)}.legend .warlord{background:var(--green)}.detailTitle{margin-top:28px}@media(max-width:700px){.dashboard{grid-template-columns:1fr}.professionChart{grid-column:auto;grid-template-columns:110px 1fr}.professionChart h3{grid-column:1/-1}.donut{width:100px}.barRow{grid-template-columns:90px 1fr 52px}}