.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar{width:178px;height:178px;display:block}.hides{background:#fff;width:100px;height:100px;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{width:100%;max-width:1000px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}header{background:linear-gradient(90deg,#3498db,#2c3e50);color:#fff;padding:20px;text-align:center}header h1{font-size:28px;margin-bottom:10px}header p{opacity:.9}.controls{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #eaeaea;text-align:center}.instructions{background:#e3f2fd;padding:12px;border-radius:6px;margin-bottom:15px;display:flex;align-items:center;gap:10px}.instructions i{color:#2196f3;font-size:20px}.table-container{overflow-x:auto;padding:20px}table{width:100%;border-collapse:collapse;border-spacing:0}td,th{padding:16px;text-align:left;border-bottom:1px solid #eaeaea}th{background-color:#f8f9fa;font-weight:600;color:#2c3e50;position:-webkit-sticky;position:sticky;top:0}tr:hover{background-color:#f5f7fa}.user-info{display:flex;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:10px}.radio-group{display:flex;flex-wrap:wrap;gap:10px}.radio-item{display:flex;align-items:center;padding:8px 12px;border-radius:4px;background:#f0f4f8;transition:all .3s;cursor:pointer}.radio-item:hover{background:#e3eaf3}.radio-item.selected{background:#3498db;color:#fff}.radio-item input{margin-right:8px;cursor:pointer}.status{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;display:inline-block}.status-active{background:#e8f5e9;color:#2ecc71}.status-inactive{background:#ffebee;color:#e74c3c}.footer{padding:20px;text-align:center;color:#7f8c8d;font-size:14px;border-top:1px solid #eaeaea}.selected-info{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px}.selected-info h3{margin-bottom:10px;color:#2c3e50}.selected-item{padding:8px;background:#fff;border-radius:4px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.05)}@media (max-width:768px){td,th{padding:12px 10px}.radio-group{flex-direction:column;gap:5px}.radio-item{width:100%}.role-col{display:none}}@media (max-width:480px){header h1{font-size:24px}td,th{padding:10px 8px;font-size:14px}.status-col{display:none}}