.person-view-container{height:100%;display:flex}.person-list-panel{border:1px solid var(--border-color-2);background:#fff;border-radius:4px;flex-direction:column;flex:0 0 220px;margin:10px 0 10px 10px;display:flex;overflow:hidden}.person-list-header{border-bottom:1px solid var(--border-color-2);color:#262626;background:#fafafa;padding:10px;font-size:18px;font-weight:700}.person-list-search{border-bottom:1px solid #e8e8e8;padding:5px}.person-list-search .ant-input{border-radius:6px;font-size:13px}.person-list-search .ant-input-affix-wrapper{border-radius:6px}.person-list-search .ant-input-prefix{color:#8c8c8c}.person-list-content{flex:1;overflow-y:auto}.person-list-group:last-child{margin-bottom:0}.person-list-group-title{color:#191919;background-color:#f7f7f7;padding:5px 10px;font-size:14px;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.person-list-item{cursor:pointer;border:1px solid transparent;border-radius:4px;align-items:center;margin:5px;padding:2px 8px;transition:all .3s;display:flex}.person-list-user-icon{color:#ddd;margin-right:5px}.person-list-item-icon{color:#ddd;margin-left:auto;font-size:12px}.person-list-item:hover{background:var(--color-primary-extent-1);border-color:var(--color-primary-extent-2)}.person-list-item.active{background:var(--color-primary);border-color:var(--color-primary)}.person-list-item-name{color:#191919;font-size:14px}.person-list-item.active .person-list-item-name{color:#fff}.person-list-item.active .person-list-user-icon,.person-list-item.active .person-list-item-icon{color:rgba(255,255,255,.5)}.person-detail-panel{flex:1;padding:5px;overflow-y:auto}.person-info-card .ant-card-body{padding:0}.person-info-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.15);align-items:center;display:flex}.person-avatar{background:var(--color-primary-extent-1);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;display:flex}.person-avatar .anticon{color:var(--color-primary);font-size:26px}.person-actions{align-items:center;gap:8px;margin-left:30px;display:flex}.person-name{color:#191919;font-size:18px;font-weight:700;line-height:1.3}.person-work-num{color:rgba(0,0,0,.7);margin-top:2px;font-size:12px;font-weight:400;line-height:1.3}.person-info-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.layout-card-info-item.person-card-info-item{padding:10px!important}.info-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:4px;padding:8px}.info-label{color:#888;margin-bottom:4px;font-size:14px;line-height:1.3}.info-value{color:#191919;word-break:break-all;font-size:16px;line-height:1.3}.pay-type-card .ant-card-head{align-items:center;display:flex;position:relative}.pay-type-card .ant-card-head:after{content:"";background:var(--color-error);border-radius:99%;width:12px;height:12px;display:block;position:absolute;left:10px}.pay-type-card .ant-card-head-title{color:#191919;margin-left:20px;font-size:18px;font-weight:700}.pay-type-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:5px;display:grid}.pay-type-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:4px;padding:10px;transition:all .3s}.pay-type-label{color:#888;font-size:14px;line-height:1.3}.pay-type-value{color:#191919;word-break:break-all;margin-top:4px;line-height:1.3}.toolbar>span,.toolbar>button{flex-grow:1;margin:0 10px}