.dept-management-container{gap:var(--space-6);min-height:70vh;display:flex}@media (width<=1024px){.dept-management-container{gap:var(--space-4);flex-direction:column}.dept-tree-panel{flex:none;max-height:260px}}.dept-tree-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:0 0 340px;max-height:calc(100vh - 200px);overflow-y:auto}.dept-tree-list{flex-direction:column;gap:2px;display:flex}.dept-tree-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.dept-tree-item:hover{background:var(--color-surface-hover)}.dept-tree-item.selected{background:var(--color-primary-bg);color:var(--color-primary-dark)}.dept-detail-panel{flex:1;min-width:0}.dept-tree-panel-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.dept-tree-leaf{text-align:center;width:16px;color:var(--color-text-tertiary);flex-shrink:0}.dept-tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dept-tree-panel-empty{padding:var(--space-4);text-align:center;color:var(--color-text-tertiary)}.dept-detail-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.dept-detail-title{align-items:center;gap:var(--space-2);display:flex}.dept-detail-title h3{font-size:var(--text-lg);margin:0;font-weight:650}.dept-detail-section{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none}.dept-detail-section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.loading-inline{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;color:var(--color-text-secondary);display:flex}.dept-detail-empty{min-height:40vh;color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.dept-detail-empty-icon{font-size:40px}