.employee-list-container{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;padding:10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.employee-card-col,.employee-list-container{display:-webkit-box;display:-ms-flexbox;display:flex}.employee-card-col{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 48px)/4);flex:0 0 calc((100% - 48px)/4);max-width:calc((100% - 48px)/4);min-width:260px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:1400px){.employee-card-col{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 32px)/3);flex:0 0 calc((100% - 32px)/3);max-width:calc((100% - 32px)/3)}}@media (max-width:992px){.employee-card-col{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 16px)/2);flex:0 0 calc((100% - 16px)/2);max-width:calc((100% - 16px)/2)}}@media (max-width:600px){.employee-card-col{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.staff-page .employee-card{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #ebeef5;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.04);box-shadow:0 4px 12px rgba(0,0,0,.04);-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;position:relative}.staff-page .employee-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 24px rgba(0,0,0,.1);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:#c6e2ff}.staff-page .card-header{padding:20px 20px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px dashed #f0f2f5}.staff-page .card-avatar-box{width:56px;height:56px;margin-right:15px;border-radius:50%;border:2px solid #fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;background:#f4f4f5;-ms-flex-negative:0;flex-shrink:0}.staff-page .card-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.staff-page .card-basic-info{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.staff-page .card-basic-info>div:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:6px}.staff-page .employee-id-label{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.staff-page .card-name{font-size:16px;font-weight:600;color:#303133;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:block}.staff-page .status-badge{display:inline-block;padding:2px 8px;font-size:12px;border-radius:10px;background-color:#f0f2f5;color:#909399;-ms-flex-item-align:start;align-self:flex-start;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.staff-page .status-badge.active{background-color:#e1f3d8;color:#67c23a}.staff-page .status-badge.inactive{background-color:#fde2e2;color:#f56c6c}.staff-page .card-body{padding:15px 25px;-webkit-box-flex:1;-ms-flex:1;flex:1}.staff-page .info-row{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;line-height:1.5;font-size:13px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.staff-page .info-label{color:#909399;width:70px;-ms-flex-negative:0;flex-shrink:0}.staff-page .info-value{color:#606266;font-weight:500;display:inline-block;max-width:240px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.staff-page .card-footer{padding:10px 10px;background-color:#fafafa;border-top:1px solid #ebeef5;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px}.staff-page .action-btn,.staff-page .card-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.staff-page .action-btn{font-size:13px;color:#606266;cursor:pointer;padding:6px 0;border-radius:6px;-webkit-transition:all .2s;transition:all .2s;margin:0;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:0;color:#409eff}.staff-page .action-btn:hover{background-color:#ecf5ff;background:#ecf5ff!important}.staff-page .action-btn.danger:hover{background-color:#fef0f0;background:#fef0f0!important}.staff-page .action-btn.success:hover{background-color:#f0f9eb;background:#f0f9eb!important}.staff-page .action-btn.warning:hover{background:#fdf6ec!important;background-color:#fdf6ec}.staff-page .action-btn.danger{color:#f56c6c}.staff-page .action-btn.success{color:#67c23a}.staff-page .action-btn.warning{color:#e6a23c}.staff-page .action-btn i{font-size:14px}.staff-page .action-text-disabled{font-size:12px;color:#c0c4cc}.filter-label,.fw{font-weight:700}.action-section,.filter-section,.search-section{background:#fff;border-radius:0;padding:0 16px;margin:0 -8px 8px -8px;-webkit-box-shadow:none;box-shadow:none;border:none;white-space:nowrap}.search-form{gap:8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding-bottom:4px}.search-form,.search-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-item{gap:6px;-ms-flex-negative:0;flex-shrink:0}.search-item>.el-input,.search-item>.el-select{width:100px!important}.search-item .input-with-select{width:170px!important;vertical-align:middle}.search-item .input-with-select .el-input-group__prepend .el-select{width:70px!important;margin:0 -20px}.search-item .input-with-select .el-input-group__prepend .el-input__inner{width:70px!important;height:26px!important;line-height:26px!important;padding:0 4px!important;text-align:center;color:#606266;background-color:transparent;border:none;margin-top:0!important;vertical-align:top}.search-item .el-input--suffix .el-input__inner{padding-right:0!important}.search-item .input-with-select>.el-input__inner{width:100px!important;padding-left:6px!important;padding-right:0!important;height:28px!important;line-height:28px!important}.search-item .input-with-select .el-input-group__prepend{padding:0 20px!important;vertical-align:middle}.search-actions{gap:4px;margin-left:auto;-ms-flex-negative:0;flex-shrink:0}.filter-group,.search-actions{display:-webkit-box;display:-ms-flexbox;display:flex}.filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.filter-label{font-size:13px}.filter-options{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-option,.filter-option-active{font-size:13px;padding:6px 14px;border-radius:6px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:none;font-weight:500}.filter-option{color:#606266;background:transparent}.filter-option-active,.filter-option:hover{background:#ecf5ff;color:#409eff}.action-section{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.action-left,.action-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.action-left{gap:8px}.action-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-negative:0;flex-shrink:0}.employee-count{font-size:13px;color:#606266;padding:6px 12px;padding-left:0;white-space:nowrap}.employee-count strong{color:#409eff;font-weight:500}body .custom-dark-tooltip.el-tooltip__popper{background-color:#303133!important;color:#fff!important;border:1px solid #303133!important;border-radius:4px!important;padding:8px 12px!important;font-size:12px!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;max-width:300px}body .custom-dark-tooltip.el-tooltip__popper[x-placement^=top] .popper__arrow,body .custom-dark-tooltip.el-tooltip__popper[x-placement^=top] .popper__arrow:after{border-top-color:#303133!important}body .custom-dark-tooltip.el-tooltip__popper[x-placement^=bottom] .popper__arrow,body .custom-dark-tooltip.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#303133!important}.drawer-content{height:calc(100vh - 80px);overflow-y:auto;padding:20px}.drawer-footer{position:absolute;bottom:0;left:0;right:0;padding:15px;background:#fff;border-top:1px solid #e8e8e8;text-align:center;z-index:10;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.05);box-shadow:0 -2px 10px rgba(0,0,0,.05)}.drawer-form .el-form-item{margin-bottom:12px}.form-section-title{font-size:15px;font-weight:700;color:#303133;margin-bottom:5px;padding-left:10px;border-left:4px solid #409eff;line-height:1}.employee-management-drawer .el-drawer__header{padding:0 20px;padding-top:12px;font-weight:700;color:#303133;margin-bottom:0}.search-item .input-with-select .el-input-group__prepend{background-color:#f5f7fa;padding:0 10px!important}.text-warning{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.employee-management-page p{margin:0}.employee-management-page .el-drawer__header{margin-bottom:0}.employee-management-page .el-card__body{padding:10px 20px}ul{list-style:none;padding-left:0;margin:0}.employee-management-page .isFixed{position:fixed;background-color:#fff;top:60px;z-index:999;width:calc(100% - 270px)}.status-allocation{display:inline-block;padding:2px 8px;border-radius:12px;background-color:#e6f7ff;color:#1e90ff;font-size:12px;line-height:20px;vertical-align:middle}.status-allocatione.clickable{cursor:pointer}[data-v-439f2328] .el-drawer__body{height:100%;padding:0;overflow:hidden}.drawer-my-content[data-v-439f2328]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.drawer-body[data-v-439f2328]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:20px}.drawer-my-footer[data-v-439f2328]{border-top:1px solid #e8e8e8;padding:10px 20px;text-align:right;background:#fff}