:root{color:#1f2937;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button,input{font:inherit}.app-shell{min-height:100dvh}.nav-rail{position:fixed;inset:0 auto 0 0;z-index:10;width:88px;display:flex;flex-direction:column;background:#17243a}.brand-mark{width:36px;height:36px;margin:18px auto 16px;border-radius:6px;display:grid;place-items:center;background:#1677ff;color:#fff;font-weight:700}.nav-rail .ant-menu{flex:1;border:0;background:transparent}.nav-rail .ant-menu-item{height:60px;margin:3px 8px;padding-inline:0!important;display:flex;flex-direction:column;justify-content:center;gap:4px;line-height:1}.nav-rail .ant-menu-item .anticon{margin:0;font-size:18px}.nav-rail .ant-menu-title-content{flex:none;margin:0!important;font-size:11px}.admin-avatar{margin:0 auto 18px;background:#34445d}.main-layout{min-width:0;margin-left:88px}.topbar{height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e9ee;background:#fff}.topbar h4{margin:1px 0 0!important;font-size:18px}.product-name,.sync-label,.employee-no{font-size:12px}.sync-label{padding-right:10px;border-right:1px solid #e6e9ee}.page-shell{min-height:calc(100dvh - 70px);padding:20px}.page-heading,.pane-heading,.detail-heading,.section-heading,.employee-toolbar,.title-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading{margin-bottom:16px}.page-heading h3,.detail-heading h3,.section-heading h5{margin:0!important}.page-heading h3{font-size:22px}.detail-heading h3{font-size:20px}.back-title{display:flex;align-items:center;gap:6px}.back-title>.ant-btn{width:36px;height:36px}.table-name-link{height:auto;padding:0;font-weight:600}.detail-section,.employee-pane{border:1px solid #e4e7ec;border-radius:6px;background:#fff}.detail-stack{display:grid;gap:16px}.detail-section{min-width:0;padding:20px 22px}.tree-title{min-width:0;width:100%;display:flex;align-items:center}.employee-pane{min-width:0;padding:22px}.detail-heading{align-items:flex-start}.title-line{justify-content:flex-start;margin-bottom:4px}.info-grid{margin:18px 0 0;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));border:1px solid #e6e9ee;border-radius:6px;background:#fafbfc}.info-grid>div{min-height:76px;padding:14px 18px;display:flex;flex-direction:column;gap:5px}.info-grid>div+div{border-left:1px solid #e6e9ee}.info-grid strong{color:#17243a;font-size:16px}.department-search{min-width:0;flex:1}.department-employee-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px}.department-tree-panel,.department-employee-panel{min-width:0}.panel-toolbar,.panel-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}.department-employee-panel .panel-heading{align-items:flex-start}.panel-caption{display:block;margin-top:2px;font-size:12px}.organization-tabs-section{padding-top:8px}.organization-tabs-section .ant-tabs-nav{margin-bottom:16px}.tab-description{display:block;margin-bottom:12px}.department-tree-surface{min-height:230px;padding:12px;overflow:auto;border:1px solid #e6e9ee;border-radius:6px;background:#fafbfc}.department-tree-surface .ant-tree{max-width:560px;background:transparent}.department-tree-surface .ant-tree-treenode{min-height:34px;align-items:center}.section-heading{margin-bottom:12px;align-items:flex-end}.section-heading>div>.ant-typography-secondary{display:block;margin-top:3px;font-size:12px}.position-tab .ant-table-wrapper,.department-employee-panel .ant-table-wrapper,.employee-pane .ant-table-wrapper{border:1px solid #e6e9ee;border-radius:6px;overflow:hidden}.employee-toolbar{margin-bottom:14px}.employee-search{width:150px}.org-search{width:300px}.filter-select{width:160px}.node-filter-button{width:220px;justify-content:flex-start;overflow:hidden}.node-filter-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-cell{display:flex;align-items:center;gap:10px}.employee-cell .ant-avatar{flex:none;background:#e6f4ff;color:#0958d9;font-weight:600}.employee-name-link{display:block;color:#1677ff;font-weight:600;text-decoration:none}.employee-name-link:hover{color:#0958d9;text-decoration:underline}.organization-info-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.employee-membership-section .ant-table-wrapper{border:1px solid #e6e9ee;border-radius:6px;overflow:hidden}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.readonly-employee-summary{margin-bottom:20px;padding:14px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid #e6e9ee;border-radius:6px;background:#fafbfc}.readonly-employee-summary>div{display:flex;flex-direction:column;gap:3px}.bind-employee-form{display:grid;gap:16px}.bind-employee-form>div{display:grid;gap:8px}.membership-editor{display:grid;gap:10px}.membership-editor-header,.membership-editor-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(150px,1fr) 32px;gap:10px;align-items:center}.membership-editor-header{padding:0 0 2px;font-size:12px}.department-picker-trigger{min-width:0;justify-content:flex-start;overflow:hidden}.department-picker-trigger>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-picker{display:grid;gap:14px}.department-picker-organization{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center}@media(max-width:980px){.info-grid{grid-template-columns:repeat(2,1fr)}.info-grid>div:nth-child(3){border-left:0;border-top:1px solid #e6e9ee}.info-grid>div:nth-child(4){border-top:1px solid #e6e9ee}.department-employee-layout{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:820px){.department-employee-layout{grid-template-columns:1fr}}@media(max-width:720px){.nav-rail{display:none}.main-layout{margin-left:0}.topbar{height:62px;padding:0 14px}.topbar>.ant-space,.product-name{display:none}.page-shell{min-height:calc(100dvh - 62px);padding:12px 10px}.page-heading{align-items:center}.page-heading h3{font-size:19px}.page-heading .ant-typography-secondary{display:none}.detail-section,.employee-pane{padding:16px 12px}.detail-heading{align-items:center}.info-grid{grid-template-columns:repeat(2,1fr)}.info-grid>div{min-height:66px;padding:10px}.section-heading{align-items:center}.department-search{width:100%}.employee-toolbar{align-items:flex-start;flex-direction:column}.employee-toolbar>.ant-space,.employee-toolbar>.ant-space>.ant-space-item,.employee-search,.org-search,.filter-select,.node-filter-button{width:100%}.form-grid,.readonly-employee-summary{grid-template-columns:1fr;gap:0}.membership-editor-header{display:none}.membership-editor-row{grid-template-columns:1fr 32px}.membership-editor-row>.ant-select,.membership-editor-row>.department-picker-trigger{grid-column:1}.membership-editor-row .membership-remove-button{grid-column:2;grid-row:1 / span 2}}